Snap.js JQuery冲突？

Question

在我的棘轮项目中实现了div之后，我在用jQuery访问jQuery元素时遇到了困难，有人知道为什么以及如何修复这个问题吗？

document.getElementById('mydivId').innerHTML   //THIS WORKS
$('#mydivId').html()  //THIS DOESN'T WORK

我已经包含了jquery.js并实现了$(document).ready(function(){})；

我得到“未明的TypeError:不能调用方法‘就绪’的空”

Answer 1

尝试像这样的东西，而不是$使用jQuery，所以重命名任何东西。

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

其他替代

var j = jQuery.noConflict();
// Do something with jQuery
j( "div p" ).hide();

Answer 2

好吧，我发现问题出在.原来，Snap.js也使用了$别名，比如Jquery，所以这就是冲突的原因。在index.html上的脚本标记中，我重命名了所有出现的$，并将其更改为$$。

    // Helper
    $$ = function(id){
        return document.getElementById(id);
    }, 
                ....
                $$('right-drawer').classList.add('active-drawer');
                ....
                $$('toggle-left').addEventListener('click', function(){
                    snapper.open('left');
                 });

以此类推。