jQuery按钮无法正常显示

Question

我在我的应用程序中使用jQuery按钮，但由于某种原因，它显示为没有jQuery属性的普通按钮。 html标记位于名为ajax.php的单独文件中，jQuery位于主文件中。

以下是jQuery的编码：

$(".back_to_list").button().live("click", function(){
});

这是按钮的html标记：

    $html = '';
    $html .= '<table>
                <tr>
                    <td><button class="back_to_list" >Back</button></td>
                </tr>
            </table>';

echo $html;

有谁知道为什么按钮没有显示为jQuery ui按钮？

Answer 1

您必须确保在加载文档时调用.button（）代码（如第一个示例中所示）：

$(function () { // jQuery "wrapper" for 'run when document is loaded
    $(".back_to_list").button().live("click", function(){
    });
});

修改还请注意，自jQuery 1.7起，.live()已弃用，，自jQuery 1.9起已删除使用.on()。如果你运行的是更新版本的jQuery，这也可能是你的问题。