Javascript 如何在一个页面索引中使用多个jquery版本_Javascript_Jquery_Html_Css

Javascript 如何在一个页面索引中使用多个jquery版本

javascript jquery html css

Javascript 如何在一个页面索引中使用多个jquery版本,javascript,jquery,html,css,Javascript,Jquery,Html,Css,是否可以处理同一页面中加载的两个版本的jQuery之间的冲突？（自动完成）卡住了。假设以下代码行： <head> <script type='text/javascript' src='../wp-includes/js/jquery/jquery-1.9.1.js?ver=1.9.1'></script> <script type="text/javascript">var lama = $.noConflict(true);</scrip

是否可以处理同一页面中加载的两个版本的jQuery之间的冲突？（自动完成）卡住了。假设以下代码行：

<head>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-1.9.1.js?ver=1.9.1'></script>
<script type="text/javascript">var lama = $.noConflict(true);</script>
<script type='text/javascript' src='../wp-includes/js/jquery/jquery-migrate.min1576.js?ver=1.2.1'></script>
            <script src="jquery-1.9.js"></script>
            <script type="text/javascript">
            var baru = $.noConflict(true);
            </script>
            <script src="ui/jquery.ui.core.js"></script>
         <script>
            var variabel;
            var id=1;

            function autoComplete(obj)
                {
                        $(obj).autocomplete(
                        {
                            source: function(request, response) {
                              $.ajax({
                                url: "dcoding.php",
                                type: "post",
                                dataType: "json",
                                data: {
                                  q: $(obj).val()           
                                },
                                success: function(data) {
                                response(data);
                                }
                              })
                            },
                            select: function( event, ui ) {
                         $('.auto').last().val(ui.item.nama_bahan);
                         var image = '<img src="../bahan/image/'+ui.item.photo_bahan+'" width="50" height="50">';
                          var satuan = ui.item.satuan;
                          $('.inputBahan:last').find('td').first().val(ui.item.nama_bahan);
                          $('.inputBahan:last').find('input').last().val(ui.item.satuan);
                          $('.inputBahan:last').find('td').last().append(image);
                         return false;                
                            },
                            minLength: 2,
                            delay:10,
                            matchSubset:1,
                            matchContains:1,
                            cacheLength:10,
                            autoFill:true


                        }).data( "uiAutocomplete" )._renderItem = function( ul, item ) 
                        { return $( "<li></li>" ) .data( "item.uiAutocomplete", item ) .append( "<a>" + item.nama_bahan + "</a>" ) .appendTo( ul ); };
                }

        </script>
        </head>
        <body>
        <form name="form1">
        <div style="width: 100%; margin: 0 auto; clear: both;">
          <div align="left">

          <table border="1">
          <tr>
            <td>bahan</td>
            <td>takaran</td>
            <td>satuan</td>
            <td>photo</td>
          </tr>
          <tr class="inputBahan">
            <td><input id="1" type="text" class="auto" onClick="autoComplete(this)"><label for="tags"></label></td>
            <td><input name="takaran" type="text" id="t1" class="takaran" size="7"></td>
            <td><input type"text" size="5"></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
              <td>&nbsp;</td>
            <td><input type="button" name="add" id="add" value="Add"></td>
            <td><input type="button" name="remove" id="remove" value="remove"></td>
            <td><input type="button" name="submit" id="submit" value="submit"></td>

          </tr>
        </table>
        </div>
        </div>
        </form>     
        </body>


var lama=$.noConflict（真）；
var baru=$.noConflict（真）；
变异变种；
var-id=1；
函数自动完成（obj）
{
$（对象）。自动完成(
{
来源：功能（请求、响应）{
$.ajax({
url:“dcoding.php”，
类型：“post”，
数据类型：“json”，
数据：{
q:$（obj.val（）
},
成功：功能（数据）{
答复（数据）；
}
})
},
选择：功能（事件、用户界面）{
$（'.auto'）.last（）.val（ui.item.nama_-bahan）；
var图像=“”；
var satuan=ui.item.satuan；
$（'.inputBahan:last'）.find（'td'）.first（）.val（ui.item.nama_-bahan）；
$（'.inputBahan:last'）.find（'input'）.last（）.val（ui.item.satuan）；
$（'.inputBahan:last'）.find（'td'）.last（）.append（图像）；
返回false；
},
最小长度：2，
延误：10，
1,，
内容包括:1,，
缓存长度：10，
自动填充：真
}).数据（“uiAutocomplete”）。\u renderItem=功能（ul，项目）
{return$（“”）.data（“item.uiAutocomplete”，item）.append（“+item.nama_bahan+”）.appendTo（ul）；}；
}
巴哈安
塔卡兰
萨图
照片

自动完成js与模板js绑定。请帮帮我

为什么您需要包含两个不同的版本？？othervice如果你需要它-你做错事了我试过使用一个js:，但是自动完成仍然不起作用，在我使用自动完成工作后，但是我的响应模板被破坏了。如果你不能使用两个jQuery库，这将导致很多冲突，或者只使用最后一个，试着用最新版本的jquery来更深入地挖掘并解决您的问题。如果您想成为一名优秀的员工，您不能只包含所有内容，等待问题得到解决，您必须查找问题的根源