Question

我在按钮上点击一行。第一次它工作正常，请展开并检查。但是我点击第二次它与第一次不一样。 http://jsfiddle.net/R2DzV/5/

$(document).ready(function(){
    $('.btn_handler').click(function(){
 $("#list").append('<li><div data-role="collapsible"><h3>name</h3><ul><li><div fieldset data-role="controlgroup" id="Smoker"><input type="radio" name="radio-choice" id="radio-choice-1" value="TestCase" checked="checked"><label for="radio-choice-1">Add Test Case</label><input type="radio" name="radio-choice" id="radio-choice-2" value="TestCommand"><label for="radio-choice-2">Add Test Command</label></fieldset>' + '<a  data-role="button" data-mini="true" data-theme="a">Add</a></div></li></ul></div></li>');   
        $('#list').trigger('create');
        $('#list').listview('refresh');

    })

});

Answer 1

您的代码生成了重复的ID。

删除id="Smoker"并学习新内容：

<label><input type="radio" /> Click the text and the radio button gets it!</label>

Answer 2

在.append()：

中替换它

<div fieldset data-role="controlgroup" id="Smoker">

使用：

<fieldset data-role="controlgroup" id="Smoker">

然后解决一个明显的问题，即你应该只拥有唯一的ID（你可以改为让他们上课）。

为什么第二次点击按钮不能正常工作？

2 个答案: