PHP во вкладке jQuery

Question

PHP во вкладке jQuery

Я хочу создать кнопку для добавления вкладок с вкладками тела
Пожалуйста, посмотрите на код, где написано

$('#tabs1').tabs('add', 'lorem.txt', xxxxx' .....

как вы видете 'lorem.txt' откуда информация извлекается для отображения на вкладках тела,
Я хочу поставить php код и формы внутри tabs body и не использовать 'lorem.txt'
Проблема в том, что он не будет работать, если я поместил php-код в jquery.

У меня вопрос, есть ли другой способ показать формы, используя php код, когда человек нажимает кнопку, чтобы добавить tabs?
я использую div тег. Вот мой код

<script>
(function() {
    $(function() {
        var tab_counter = 0;
        $('#tabs1').tabs({
            closable: true,
            cache:true,
            add: function(e, ui){
                $('#tabs1').tabs('select', '#' + ui.panel.id);
            }
        });
        $('#tab_creator').click(function(){
            tab_counter += 1;
            $('#tabs1').tabs('add', 'lorem.txt', 'Tab ' + tab_counter);
            return false;
        });
        $('#tabs2').tabs();
    });
})(jQuery);
</script>

</head>

<body>

<h2 class="ui-widget ui-widget-header">closable Tabs</h2>
<input id="tab_creator" type="button" value="Add New Tab">
<div id="tabs1">
    <ul>
    <li><a href="#tabs1-1">tabs one</a></li>
    <li><a href="#tabs1-2">tabs two</a></li>
    <li><a href="#tabs1-3">tabs three</a></li>
    </ul>
    <div id="tabs1-1">
        <p> tabs one body</p>
    </div>
    <div id="tabs1-2">
        <p>tabs two body</p>
    </div>
    <div id="tabs1-3">
        <p>tabs three body</p>
    </div>
</div>
<br>
<br>

1

php jquery tabs

Источник

user2027229 31 янв '13 в 04:58

1 ответ

Решение

Другие вопросы по тегам php jquery tabs

user543732 31 янв '13 в 06:16 2013-01-31 06:16 · Accepted Answer · 2013-01-31 06:16

Если код JS размещен непосредственно на <head> (как ваш пример):

$('#tabs1').tabs('add', '<?php echo $filename; ?>', 'Tab ' + tab_counter);

В противном случае вам нужно что-то вроде этого:

$('#tabs1').tabs('add', $( '#tabs1' ).attr( 'data-filename' ), 'Tab ' + tab_counter);

... где вы помещаете PHP-код в атрибут data-filename в #tabs1:

<div id="tabs1" data-filename="<?php echo $filename; ?>">

Об атрибуте данных: Google