Multifly Jquery和JqueryUI对象发生冲突? (PHP)

时间:2014-12-16 15:36:19

标签: javascript php jquery html5 jquery-ui

我正在尝试将一个脚本放在一起,它与Jquery对象和Jquery滑块一起使用,该滑块也适用于JqueryUI。我试图弄清楚如何将它们放在一个网页(php)中,但是试图将滑块放在我的网页中会破坏这些功能并且它们不再正常工作。

有没有人知道我在这里缺少什么以及脚本无法正常工作?

注意 删除V1.9或V1.3确实有问题,因为如果幻灯片没有工作或者脚本中的AJAX调用,则脚本仍然可以工作50%< / p>

*首先加载所有脚本和样式。

 <script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.js"></script>
 <script src="/shop/templates/Euphoria-Art/js/jquery.limitslider.js"></script>    
 <script type="text/javascript" src="/shop/templates/Euphoria-Art/js/script.js"></script>
 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/sunny/jquery-ui.css" rel="stylesheet" type="text/css"/>
  • SCRIPT.JS - 这些对象中有4个

    $(document).ready(function() {
    var form = $('#formB'); //  form
    var submit = $('#submitB');  // submit button
    var alert = $('.pageB'); // div for show page
    // form submit event
     form.on('submit', function(e) {
    e.preventDefault(); // prevent default form submit
    
    $.ajax({
      url: '********/offertebeginC.php', // form action url
      type: 'post', // form submit method get/post
      dataType: 'json', // request type html/json/xml
      data: form.serialize(), // serialize form data 
      beforeSend: function() {
        alert.fadeOut();
      },
    success: function(result) {
        if(result.error){
            alert.html(result.html).fadeIn();
            console.log(e)
        }else{
            alert.html(result.html).fadeIn();
            form.trigger('reset');   
        }
    }
    
     });
    });
      });
    

1 个答案:

答案 0 :(得分:2)

如果您必须包含多个版本的jQuery,例如使用依赖于早期版本的插件,那么您将要使用$.noConflict()

查看docs here和一点tutorial here