我想在同一页面中包含两个jquery库。函数名称“myfunction”对于选择框和datepicker都是常见的。datepicker函数调用使用.onload我调用loaddata()函数进行分页的页面。它使用.所以我想要了解如何将两个库包含在同一页面中。
现在我使用 1.4.3 库，因此 onload 和 .rec 选择框可以工作，但日期选择器功能不行。
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/start/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
上述库用于通过日期选择器调用函数
$rec="select * from recruiter where comp_id='$comp'";
$rec1=mysql_query($rec);
echo '<select class="rec" id="r" name="e_first_name" style="width:155px;" required onchange="myFunction(this.value);">';
echo '<option value="" selected>Select Recruiter</option>';
while($rfet=mysql_fetch_assoc($rec1))
{
echo '<option value="'.$rfet["e_id"].'">'.$rfet["e_first_name"].'</option>';
}
echo '</select>';
echo ' <input type="text" name="dob" style="width:155px;display:none;" id="datepicker1" placeholder="Choose Date" onchange=myFunction("'.$rfet["e_id"].'"); size=18 maxlength=50>';
echo '<select name="report" style="width:155px;" class="report" onchange=myFunction("'.$rfet["e_id"].'");>
<option selected> Select Filter</option>
<option value="datz">By Date</option>
<option value="week">By week</option>
<option value="month">By month</option>
</select>';
echo ' <input type="text" name="dob" style="width:155px;display:none;" id="datepicker1" placeholder="Choose Date" onchange=myFunction("'.$rfet["e_id"].'"); size=18 maxlength=50>';
function myFunction(e_id)
{
$("#pre").hide();
var fdat= $("#datepicker1").val();
var filt= $(".report").val();
var c=$("#r").val();
$.ajax({
type: "POST",
url: "query3.php",
data: { action: c,filt: filt,fdat: fdat},
error: function(msg) {
},
success: function(text) {
$(".refresh").html(text);
}
});
}
最佳答案
根据您的评论，您需要使用 jQuery.noConflict。
在下面的示例中，包含两个版本的 jquery
jquery-1.10.3.min.jsjquery-1.11.3.min.js
对于 jquery-1.10.3.min.js - $ 将是别名 ie。您将使用 $ 进行访问。但是在 jquery-1.11.3.min.js 之后，我的意思是在我们包含 jquery 之后。 noConflict(true) 这意味着现在我们已经解决了冲突并将自定义别名定义为 $j。现在您可以使用 $j 别名访问 jquery-1.11.3.min.js。希望这一切都能解决。
例如，
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.3.min.js"></script>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$j = jQuery.noConflict(true);
$j(document).ready(function(e){
$j("#test").click(function(){
alert("hi");
});
});
</script>
</head>
<body>
<button id="test" type="button">Say Hi</button>
</body>
</html>
关于javascript - 在同一页面中包含两个 jquery 库，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32305742/