jQuery按钮显示不正常 - jQuery button not displaying properly

jQuery button not displaying properly

本文关键字：不正常显示按钮 jQuery | 更新日期: 2023-09-27

我在应用程序中使用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按钮?

您必须确保在加载文档时调用。button()代码(与第一个示例中一样):

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

Edit:还注意，.live()在jQuery 1.7中被弃用，并在jQuery 1.9中被删除使用.on()。如果您正在运行较新版本的jQuery，这也可能是您的问题。