Javascript 按钮jquery ui不工作

我正在尝试使用jQueryUI中的按钮。由于某种原因，我的按钮不能正常工作。为了测试它，我试着使按钮被禁用，但当我运行程序时，它仍然是可点击的。我的脚本路径文件是正确的，因为我使用的是SliderjQueryUI小部件，它工作正常

这是我的按钮脚本的代码：

<script>$(document).ready(function(){ 
$("#dateButton").button({
disabled:true
}); 

});
});
</script>

---

即使您的声明是用于初始化jquery UI按钮的最新声明，您也需要在页面加载期间将其关联起来，这可以在document.ready函数期间完成

$().ready(function()
    {

$("#dateButton").button({
}); 

$("#dateButton").click(function(){
 // do stuff here
 alert();
});
});

例如：

另外，确保从CDN获取对jquery-ui.css的引用，以确认api已正确加载

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

---

即使您的声明是当前用于初始化jquery UI按钮的声明，您也需要在页面加载期间将其关联起来，这可以在document.ready函数期间完成

$().ready(function()
    {

$("#dateButton").button({
}); 

$("#dateButton").click(function(){
 // do stuff here
 alert();
});
});

例如：

另外，确保从CDN获取对jquery-ui.css的引用，以确认api已正确加载

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

---

引导和jQuery UI与按钮不兼容请参见

解决方法是使用noConflict

（函数（）{
var bootstrapButton=$.fn.button.noConflict（）；
$.fn.bootstrapBtn=bootstrapButton；
}());
$（文档）.ready（函数（）{
$（“#日期按钮”）。按钮({
残疾人士：对
});
});

日期
引导和jQuery UI与按钮不兼容请参见

解决方法是使用noConflict


（函数（）{
var bootstrapButton=$.fn.button.noConflict（）；
$.fn.bootstrapBtn=bootstrapButton；
}());
$（文档）.ready（函数（）{
$（“#日期按钮”）。按钮({
残疾人士：对
});
});

日期
脚本标记是加载在按钮之前还是之后？它加载在按钮之前查看第2部分，要在单击按钮时调用函数，请添加事件侦听器：
$（“#dateButton”）.button（）.click（function（）{…onclick code goes here}）包含jQuery的脚本应该在结束正文标记之前。该脚本标记是加载在按钮之前还是之后？加载在按钮之前查看第2部分，要在单击按钮时调用函数，请添加事件侦听器：
$（“#dateButton”）.button（）。单击（函数（）{…onclick code goes here}）包含jQuery的脚本应该在结束体标记之前。它在JSFIDLE中工作，但由于某种原因，它不在我的代码中工作。我应该粘贴我的全部代码吗？它在你的JSFIDLE中工作，但由于某种原因它不能在我的代码上工作。我应该粘贴我的全部代码吗？谢谢你的输入。我将bootstrapButton函数粘贴到我的代码中，它就工作了。那么，我是否可以使用这个方法来使用所有可能干扰引导的jQueryUI小部件呢？我想这是唯一一个有命名冲突的小部件。都声明$.fn.按钮…感谢您的输入。我将bootstrapButton函数粘贴到我的代码中，它就工作了。那么，我是否可以使用这个方法来使用所有可能干扰引导的jQueryUI小部件呢？我想这是唯一一个有命名冲突的小部件。都声明$.fn.按钮。。。
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">