2017-02-22 3 views
0

Следующий код работал безупречно при добавлении в мастер-код, который не содержит скрипта jquery.Ошибки одной и той же java-консоли даже после исправления

<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.js"></script> 
<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.flexslider-min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $(window).load(function() { 
     $('.flexslider').flexslider({ 
      animation: "fade", 
      animationLoop: true, 

     }); 
    }); 
}); 
</script> 

Но при добавлении к шаблону, который уже имеет элемент jquery, он дал следующие две ошибки в java-консоли.

1.TypeError: $ не является функцией

2.Use из getPreventDefault() является устаревшим. Вместо этого используйте defaultPrevented.

Затем я изменил код, используя '$ .noConflict();' as:

<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.js"></script> 
<script type="text/javascript"> 
$.noConflict(); 
jQuery(document).ready(function($) { 
    jQuery(window).load(function($) { 
     jQuery('.flexslider').flexslider({ 
      animation: "fade", 
      animationLoop: true, 

     }); 
    }); 
}); 
</script> 

Это также безупречно работает при добавлении в мастер-код, который не содержит скрипта jquery. Но при добавлении в один, имеющий уже работает JQuery, он снова ОСП те же две ошибки, как описано выше:

1.TypeError: $ не является функцией

2.Use из getPreventDefault() является устаревшим. Вместо этого используйте defaultPrevented.

Какое обходное решение?

+1

Вы имеете в виду _JavaScript_, а не Java. Обратите внимание, что, хотя они так называются, это два несвязанных языка. –

ответ

0

я не знаю точно, но он может работать .., если вы используете какой-либо другой сценарий, как AJAX, Etc он будет конфликтовать ... добавить как этого

var jq = $.noConflict(); 
    jq(document).ready(function() { 
    jq(window).load(function() { 
     jq('.flexslider').flexslider({ 
      animation: "fade", 
      animationLoop: true, 

     }); 
    }); 
}); 
+0

Пробовал, но без какого-либо результата. – Chetan

+0

вам не следует использовать $ inside, например .ready (function ($) или .load (function ($), если вы указали jq instad of $ .... pls check –

0

благодарит за suuport данных вы все, но поздравляете меня сначала (!), проблема решена. Я последовал за следующие действия и код начал running-

  1. Я сместился с HTTPS на HTTP (менее seure платформу, не может помочь)
  2. Отменять один из двух библиотек Jquery, keepping последней версии
  3. и, очевидно, все, что следует here Несколько сценариев, приведенных здесь, я тестировал их все, многие из них работают. :)