jquery - ajax后jquery ui按钮不会触发

Question

当我在页面加载时绑定我的事件时，我运行了这段代码：

$('span.removeItem','table').button();

当我在 ajax 请求的回调中运行它时，它不起作用。尽管它确实正确选择了元素，但它甚至不会在 firebug 控制台中运行。

也试过：

$('span.removeItem','table').last().button();

确保与预先存在的按钮没有冲突

如果这有帮助，则 html 中的表格行：

<tr>
        <td class="item">fsdfsdfsdf<span class="removeItem">X</span>
        </td>
        <td class="solution">
            <input itemId="372" solution=""/>
            <span itemId="372" timestamp="1337806132"></span>
        </td>
        <td class="actions">
            <span class="edit hidden">Update</span>
            <span class="save shown">Save</span>
        </td>
</tr>

添加成功回调”：

success: function(data) {
                self.addNewItem(data);
        $('span.removeItem','table').last().button();

}

Answer 1

在您的 javascript 中，您使用：

$('span.removeItem','table').button();

但是你没有一个最初包含一个类的元素removeItem

尝试查看 live()

http://api.jquery.com/live/