Javascript 如何更改按钮'；什么样的风格？

在一个页面上，我试图让页面顶部的按钮变成方形和蓝色。有一个jQuery文件用于此，但由于某些原因，它不起作用。以下是代码：

 $(document).ready(function() {
$("button").button();
 });

以及jQuery文件：

<script src="/jquery_custom/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="/jquery_custom/js/jquery-ui-1.8.7.custom.min.js" type="text/javascript"></script>
<link href="/jquery_custom/css/style.css" rel="stylesheet" type="text/css" />
<link href="/jquery_custom/css/fc-blue/jquery-ui-1.8.7.custom.css" rel="stylesheet" type="text/css" />

---

左边是我想要的外观，但右边的标准按钮一直是我想要的。我做错了什么？（文件路径也正确）

根据定义按钮的标记，选择器可以是：

$("button").button();

或

你能告诉我们你用什么标记来添加按钮吗

刚刚检查了页面的来源

你有jQueryUI定制包。您确定其中包含按钮小部件吗

如果您检查页面错误，您将看到

Error: $("button").button is not a function
Source File: http://friendsconnect.org/scrapbook-booth/
Line: 25

这意味着未加载定义按钮（）方法的javascript。确保您的自定义包包含按钮小部件

您的启动函数写得不正确。将脚本替换为以下内容：

$(function () {
    $("button").button();
    $("#radio").buttonset();
    $("input:button").button();
    $("textarea").elastic();

    // Start FriendsConnect rounded corners
    settings = {
        tl: { radius: 5 },
        tr: { radius: 5 },
        bl: { radius: 5 },
        br: { radius: 5 },
        antiAlias: true,
        autoPad: false,
        validTags: ["div"]
    }
    $('#search-main').corner(settings);
    $('#infobox_right').corner(settings);
    // End FriendsConnect rounded corners
  });

你现在有

$(document).ready(function(){
    //Some code
    $(function(){
        //other code
    });
});

---

$（document）.ready（function（）{}）

和

$（function（）{}）

是一样的，只能在一个页面上出现一次（更正：如果只出现一次就好了）

这就是我使用的：

注销

你说的“按钮小部件”是什么意思？jQuery UI由核心部分组成，它有通用的方法和组件小部件（手风琴、选项卡、进度、按钮等）。我确实检查了你的jQueryUI包，其中确实有button小部件。但我认为它与其他东西冲突。尝试删除除jquery.js、jQueryUI.js和jquery-ui-1.8.7.custom.css之外的所有内容（而不是删除它们，只需注释掉其余的资源）如果行得通，请再试一次。另外，在$（document.ready（）的第一行添加警报（“Test”）方法来检查它是否会触发。另外，如果仔细观察，您正在定义两个启动函数：对我有效：。您可以发布更多代码或显示问题的JSFIDLE吗？我正在查看源代码，似乎jquery 1.4.2正在加载到头部，然后jquery 1.5.2在关闭body标记之前正在加载。是否这样做的具体原因？以gilly3的例子为基础：注意按钮功能如何在jQuery加载到头部和身体末端时不起作用。然后注意如果不加载两次jQuery，它是如何起作用的。如果我删除1.5.2，则按钮将采用该样式，但页面的其余部分将不起作用……有什么想法吗？在gen中总之，您应该避免在同一页面上有多个版本的jQuery和jQueryUI。这可能（正如您所看到的）导致冲突。如果我是您，我将决定保留哪个版本（基于每个版本支持的我使用的功能）然后相应地重写其余部分。这将使将来的升级相对容易。

$(document).ready(function(){
    //Some code
    $(function(){
        //other code
    });
});