php - 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(){
    });
});

编辑：还要注意.live()自 jQuery 1.7 起已弃用，并从 jQuery 1.9起删除使用.on()。如果您运行的是较新版本的 jQuery，这也可能是您的问题。