.load（）加载包含日期选择器和范围滑块的网页，但它们没有'；t工作（JQuery）
在我的主网页main.htm上，我有一个div按钮，单击该按钮可加载另一个名为searchhotel.htm的网页。在searchhotel.htm中，我有一个JQuery日期选择器和一个RangeSloider。当我将这些页面上传到服务器上时，如果我直接转到searchhotel.htm，日期选择器和范围滑块就会工作。但是当我在main.htm上单击“搜索”将searchhotel.htm加载到主div中时，唯一显示的是日期文本框，日期选择器不显示，RangeSloider也不显示 main.htm.load（）加载包含日期选择器和范围滑块的网页，但它们没有'；t工作（JQuery）,jquery,html,jquery-ui,datepicker,jquery-ui-slider,Jquery,Html,Jquery Ui,Datepicker,Jquery Ui Slider,在我的主网页main.htm上，我有一个div按钮，单击该按钮可加载另一个名为searchhotel.htm的网页。在searchhotel.htm中，我有一个JQuery日期选择器和一个RangeSloider。当我将这些页面上传到服务器上时，如果我直接转到searchhotel.htm，日期选择器和范围滑块就会工作。但是当我在main.htm上单击“搜索”将searchhotel.htm加载到主div中时，唯一显示的是日期文本框，日期选择器不显示，RangeSloider也不显示 main.
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.0.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript">
function my_loader(array) {
switch(array) {
case "search": $('#mainpanel').load("searchhotel.htm");
break;
}
}
</script>
</head>
<body>
<div id = "top_title_panel">
<div id = "title_div"><span id = "title">Hello</span></div>
</div>
<div id = "btn_panel_div">
<div id = "search" class = "btn_div" onClick= "my_loader(this.id)">Search Hotel</div>
</div>
<div id = "mainpanel"></div>
</div>
</body>
</html>
函数my_加载器（数组）{
交换机（阵列）{
案例“搜索”：$（'#主面板'）.load（“searchhotel.htm”）；
打破
}
}
你好
搜索酒店
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.0.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script src="jquery.js"></script>
<script src="jquery-ui.custom.js"></script>
<script src="jQRangeSlider-min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="css/iThing.css" type="text/css" />
<style type="text/css">
</style>
</head>
<body>
<p>HI</p>
<div>
<script>
$(function() {
$( "#datepicker" ).datepicker(
{dateFormat: "yy-mm-dd"});
});
$(function() {
$( "#slider" ).rangeSlider();
});
</script>
<p>Date: <input type="text" id="datepicker"></p>
<div id="slider"></div>
</div>
</body>
</html>
嗨
$（函数（）{
$（“#日期选择器”）。日期选择器(
{日期格式：“yy-mm-dd”}）；
});
$（函数（）{
$（“#滑块”）.RangeSloider（）；
});
日期：
有人知道为什么我在main.htm中没有显示日期选择器和滑块吗？你知道，当你加载html页面时，你正在加载一个新的jquery副本，对吗？（如果您不知道，那就糟糕了）它不起作用，因为javascript是在元素存在之前执行的。阅读api中.load的文档：特别是关于脚本执行的部分。不，我没有。我不熟悉JQuery。谢谢你的提醒。是的，现在可以用了。非常感谢。我刚刚取出JQuery的新副本，并将其全部放在main.htm中，它现在可以工作了。