-1

jQuery での HTML の変換について質問があります。

http://jsfiddle.net/aldimeola1122/nMR85/1118/

この HTML コードを jQuery でどのように記述できますか?:

$('#deneme').append(
    ul 
    data-role="listview" 
    data-split-icon="gear" 
    data-split-theme="d" 
    data-inset="true")...

これは同じコードではありません:

$('#deneme').append('
    <ul data-role="listview" 
        data-split-icon="gear" 
        data-split-theme="d" 
        data-inset="true">
        <li>
            <a href="#"><img src="../../_assets/img/album-bb.jpg">
                <h2>Broken Bells</h2>
                <p>Broken Bells</p>
            </a>
            <a href="#purchase" 
                data-rel="popup" 
                data-position-to="window" 
                data-transition="pop">
                Purchase album
            </a>
        </li>
    </ul>
');
</br>
<ul data-role="listview" data-split-icon="gear" data-split-theme="d" data-inset="true">
    <li>
        <a href="#">
            <img src="../../_assets/img/album-bb.jpg">                      
            <h2>Broken Bells</h2>
            <p>Broken Bells</p>
        </a>
        <a href="#purchase" 
            data-rel="popup" 
            data-position-to="window" 
            data-transition="pop">
            Purchase album
        </a>
    </li>
</ul>

次のようになります。

<ul data-role="listview" 
    data-split-icon="gear" 
    data-split-theme="d" 
    data-inset="true" 
    class="ui-listview ui-listview-inset ui-corner-all ui-shadow">

しかし、それは私を示しています：

<ul data-role="listview" 
    data-split-icon="gear" 
    data-split-theme="d" 
    data-inset="true">

それはクラスなしで私を示しています。

4

2 に答える 2

0

次のようにして追加できますul。

$('#deneme').append('<ul data-role="listview" data-split-icon="gear" data-split-theme="d" data-inset="true" />').trigger('create');
于 2013-03-19T14:49:43.510 に答える
0

バニラを使用して追加する方が良いかもしれません:

$('#deneme')[0].innerHTML = '<ul data-role="listview" data-split-icon="gear" data-split-theme="d" data-inset="true">...'

またはjQueryが必要な場合：

$('#deneme').html('<ul data-role="listview" data-split-icon="gear" data-split-theme="d" data-inset="true">...')
于 2013-03-19T14:50:09.767 に答える