JQ列表中的按钮答案

【问题标题】：Button in the JQ listJQ列表中的按钮
【发布时间】：2013-01-02 10:40:07
【问题描述】：

我有一个收藏夹列表，代码如下：

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>';

没有添加..为什么？

【问题讨论】：

如何？？在哪里？？你添加按钮了吗？？我在你的代码中看不到它？？也发布您的其他（添加的部分）代码...
您在示例中的“本地”变量下是什么意思？它存在吗？我在示例中找不到它，因为此代码总是会失败。
这个数组，代码不掉他跑但是在html中看不到按钮，在Chorme的F12中也不识别
你在寻找这样的东西吗jsfiddle.net/nR369/1
我使用了与您发布的代码相同的代码。我怀疑您可能已经从 ID 为“bookMarkMenu”的无序列表中遗漏了 data-role = "listview" 属性。请告诉我知道我是否错了。

标签： javascript jquery html listview jquery-mobile

【解决方案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>

$("#mybutton").click(function() {
for (var i = 0; i < 5; i++) {
    $("#bookMarkMenu").append("<li data-theme='c' onClick='DisplayBookMark();'>"+$('#buttons').html()+"</li>");
}
$("#bookMarkMenu").listview('refresh'); 
});

【讨论】：

【解决方案2】：

我可以在你的代码中看到一个额外的'...尝试使用这个...

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>';

【讨论】：

只是在我的代码上的问题中没有多余的'，这也在运行..只是他没有识别按钮。