Javascript и jquery в том же конфликте страницы

Question

Я использую javascript и JQuery на той же странице.

Некоторые вещи препятствуют нормальной работе JQuery Я пробовал использовать $jq = jQuery.noConflict();, это не решение.

Мой код

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="js/dropmenu.js"></script> 
<script src="js/beaverslider.js"></script>             
<script src="js/beaverslider-effects.js"></script> 

<script> 
$jq = jQuery.noConflict(); 
$jq(document).ready(function($){ 
    $("#nav-one").dropmenu(); 
}); 
</script> 


<script> 

    $(function(){ 
     var slider = new BeaverSlider({ 
     structure: { 
      container: { 
      id: "my-slider", 
      width: 1000, 
      height: 200 
      } 
     }, 
     content: { 
      images: [ 
      "images/banner01.png", 
      "images/banner02.png" 
      ] 
     }, 
     animation: { 
      effects: effectSets["fadeSet"], 
      interval: 4000 
     } 
     }); 
    }); 

    </script> 

Проблема

Javascript код был обесцвечивается изображение эффект и код JQuery был выпадающее меню эффект. Когда отображается menudrop down, я не смог щелкнуть ссылку выпадающего меню, и когда выпадающее меню изображения исчезает, также исчезает.

Пожалуйста, помогите мне найти солн.

Answer 1

После звонка $jq = jQuery.noConflict();$ является no longer a reference to jQuery. Во втором скрипте используйте либо $jq, либо jQuery вместо $.