1

私はお気に入りのリストを次のようにコードで埋めています：

function FillBook() {
    var select = $("#bookMarkMenu");
    var ul = document.getElementById("bookMarkMenu");
    for (var i = 0; i < Local.length; i++) {
        var newLI = document.createElement("LI");
        ul.appendChild(newLI);
            newLI.innerHTML = '<a href="to.html" data-transition="slide" dir="rtl">    
<p>...</p> </a>';
        newLI.setAttribute('data-theme', 'c');
        newLI.setAttribute('onclick', 'DisplayBookMark()');
    }
    $('ul').listview('refresh');
}

リストのインスタンスごとにボタンを追加したいのですが、

次のものを追加しようとしました：

 <a id="btnClearOneBookmark" data-role="button" data-theme="b" onclick="xxx();"></a>

このような：

newLI.innerHTML = '<a href="to.html" data-transition="slide" dir="rtl">    
<p>...</p><a id="btnClearOneBookmark" data-role="button" data-theme="b" onclick="xxx();"></a> </a>';

追加されません..なぜですか？

4

2 に答える 2

1

これを試して：

HTML

<a data-role = "button" id = "mybutton">Click me</a>
<ul id="bookMarkMenu" data-role="listview" data-divider-theme="b" data-inset="true"> </ul>

<div id='buttons' style='visibility:hidden'>
    <a href="to.html" data-transition="slide" dir="rtl">    
    <p>...</p>
    <a id="btnClearOneBookmark" data-role="button" data-theme="b" onclick="xxx();"></a>      
    </a>
</div>

JS

$("#mybutton").click(function() {
for (var i = 0; i < 5; i++) {
    $("#bookMarkMenu").append("<li data-theme='c' onClick='DisplayBookMark();'>"+$('#buttons').html()+"</li>");
}
$("#bookMarkMenu").listview('refresh'); 
});
于 2013-01-02T16:07:23.217 に答える
0

私は'あなたのコードにもう1つ余分に見えるかもしれません...これを使ってみてください...

newLI.innerHTML = '<a href="to.html" data-transition="slide" dir="rtl"><p>...</p>' +'<a id="btnClearOneBookmark" data-role="button" data-theme="b" onclick="xxx();"></a>'+' </a>';
于 2013-01-02T10:59:23.930 に答える