Question

我想在同一个页面中包含两个jquery库。函数名'myfunction'对于selectbox和datepicker.datepicker函数调用都是常用的.onload页面我称为loaddata（）函数用于分页。它使用。所以我想要知道如何将库包含在同一页面中。

现在我正在使用1.4.3库，因此onload和.rec选择框有效，但不是datepicker功能。

    <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>

上述库用于通过datepicker调用函数

  $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);          
        }
    });

   }

Answer 1

根据您的评论，您需要使用jQuery.noConflict。

在下面的示例中，包含两个版本的jquery

jquery-1.10.3.min.js
jquery-1.11.3.min.js

对于jquery-1.10.3.min.js - $将是别名，即。您将使用$进行访问。但是在jquery-1.11.3.min.js之后，我的意思是在我们加入jquery. noConflict(true)之后，这意味着现在我们已经解决冲突并将自定义别名定义为$j。现在，您可以使用jquery-1.11.3.min.js别名访问$j。希望这清楚。

例如，

<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>

在同一页面中包含两个jquery库

1 个答案: