Jquery + Край Animate: Ошибка только при вызове из события щелчка: Object [объект Object] не имеет методы 'фундамента'

Question

Использование Zurb Foundation и JQuery с пограничной Animate я получаю эту ошибку:

Uncaught TypeError: Object [object Object] has no method 'foundation'

... . только при вызове функции основания из обработчика события. Снаружи обработчик событий работает отлично.

<div id="myModal" class="reveal-modal"> 
    <h2>Title</h2> 
    <p class="lead">Description</p> 
    <a class="close-reveal-modal">&#215;</a> 
</div> 
<a href="#" id="myButton" class="button">Click Me</a> 

<script> 
    $(document).foundation(); 

    // This works as expected 
    $('#myModal').foundation('reveal', 'open'); 

    $("#myButton").click(function() { 

     // This generates the error: 
     // Uncaught TypeError: Object [object Object] has no method 'foundation' 

     $('#myModal').foundation('reveal', 'open'); 

     return false; 
    }); 


</script> 

Как это исправить? Ошибка возникает только при наличии содержимого Edge Animate. После удаления он работает так, как ожидалось.

Answer 1

Я не понял, что Edge загружается в версию jQuery. Использование jQuery's noConflict() устраняло проблему:

<script> 
    $(document).foundation(); 

    $.noConflict(); 
    jQuery(document).ready(function($) { 
     // Code that uses jQuery's $ can follow here. 

     // This works as expected 
     $('#myModal').foundation('reveal', 'open'); 

     $("#myButton").click(function() { 
      // This generates the error: 
      //Uncaught TypeError: Object [object Object] has no method 'foundation' 

      $('#myModal').foundation('reveal', 'open'); 
      return false; 
     }) 

    }); 
</script>