Javascript Jquery和jqueryuidon';t载荷
我有一个很烦人的问题。 虽然我的目录中有正确的文件,语法也正确,但似乎没有加载.js文件,我无法使用它们包含的函数Javascript Jquery和jqueryuidon';t载荷,javascript,jquery,html,jquery-ui,twitter-bootstrap-3,Javascript,Jquery,Html,Jquery Ui,Twitter Bootstrap 3,我有一个很烦人的问题。 虽然我的目录中有正确的文件,语法也正确,但似乎没有加载.js文件,我无法使用它们包含的函数 <script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type='text/javascript' src="//netdna.bootstrapcdn.com/
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type='text/javascript' src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="js/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
由于datepicker是我的jquery ui中的一个函数-。。。它应该正常工作?
总之,我的css加载了,所以我想,让我们在我的css文件夹中加载我的js文件并更改目录,但仍然没有。。当我control+单击时,它会转到正确目录中的正确文件。那我忘了什么 通过添加以下代码,我让它工作了,但它似乎不那么优雅
<script>
$(function() {
$( "#accordion" ).accordion();
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#autocomplete" ).autocomplete({
source: availableTags
});
$( "#button" ).button();
$( "#radioset" ).buttonset();
$( "#tabs" ).tabs();
$( "#dialog" ).dialog({
autoOpen: false,
width: 400,
buttons: [
{
text: "Ok",
click: function() {
$( this ).dialog( "close" );
}
},
{
text: "Cancel",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
// Link to open the dialog
$( "#dialog-link" ).click(function( event ) {
$( "#dialog" ).dialog( "open" );
event.preventDefault();
});
$( "#datepicker" ).datepicker({
inline: true
});
$( "#slider" ).slider({
range: true,
values: [ 17, 67 ]
});
$( "#progressbar" ).progressbar({
value: 20
});
// Hover states on the static widgets
$( "#dialog-link, #icons li" ).hover(
function() {
$( this ).addClass( "ui-state-hover" );
},
function() {
$( this ).removeClass( "ui-state-hover" );
}
);
});
</script>
$(函数(){
$(“#手风琴”)。手风琴();
var availableTags=[
“动作脚本”,
“AppleScript”,
“Asp”,
“基本”,
“C”,
“C++”,
“Clojure”,
“COBOL”,
“ColdFusion”,
“二郎”,
“Fortran”,
“好极了”,
“哈斯克尔”,
“爪哇”,
“JavaScript”,
“口齿不清”,
“Perl”,
“PHP”,
“Python”,
“红宝石”,
“斯卡拉”,
“方案”
];
$(“#自动完成”)。自动完成({
资料来源:availableTags
});
$(“#按钮”).button();
$(“#无线电集”).buttonset();
$(“#制表符”).tabs();
$(“#对话框”)。对话框({
自动打开:错误,
宽度:400,
按钮:[
{
文字:“Ok”,
单击:函数(){
$(此).dialog(“关闭”);
}
},
{
文本:“取消”,
单击:函数(){
$(此).dialog(“关闭”);
}
}
]
});
//链接以打开对话框
$(“#对话框链接”)。单击(函数(事件){
$(“对话框”)。对话框(“打开”);
event.preventDefault();
});
$(“#日期选择器”)。日期选择器({
内联:对
});
$(“#滑块”).滑块({
范围:对,
价值:[17,67]
});
$(“#progressbar”).progressbar({
价值:20
});
//静态小部件上的悬停状态
$(“#对话框链接,#图标li”)。悬停(
函数(){
$(this.addClass(“ui状态悬停”);
},
函数(){
$(this.removeClass(“ui状态悬停”);
}
);
});
所以当一个版本没有加载时,您决定再添加几个?您同时加载了jquery和jquery ui两次。不要这样做。你正在加载jQuery UI css,为什么你有jQ 1.9.1和?@adeneo我们已经尝试了一段时间,因此我可能需要清理一些行,你是对的,那可能是你的问题。在本地运行它无法处理像//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js这样的URL。在前面添加http:
,然后重试。
<script>
$(function() {
$( "#accordion" ).accordion();
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#autocomplete" ).autocomplete({
source: availableTags
});
$( "#button" ).button();
$( "#radioset" ).buttonset();
$( "#tabs" ).tabs();
$( "#dialog" ).dialog({
autoOpen: false,
width: 400,
buttons: [
{
text: "Ok",
click: function() {
$( this ).dialog( "close" );
}
},
{
text: "Cancel",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
// Link to open the dialog
$( "#dialog-link" ).click(function( event ) {
$( "#dialog" ).dialog( "open" );
event.preventDefault();
});
$( "#datepicker" ).datepicker({
inline: true
});
$( "#slider" ).slider({
range: true,
values: [ 17, 67 ]
});
$( "#progressbar" ).progressbar({
value: 20
});
// Hover states on the static widgets
$( "#dialog-link, #icons li" ).hover(
function() {
$( this ).addClass( "ui-state-hover" );
},
function() {
$( this ).removeClass( "ui-state-hover" );
}
);
});
</script>