jquery - Snap.js JQuery 冲突？

Question

在我的 Ratchet 项目中实施后，我无法使用 jQuery 访问我的div元素snap.js，有谁知道为什么以及如何解决这个问题？

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

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

我得到“未捕获的类型错误：无法调用 null 的方法‘就绪’”

Answer 1

好的，我发现了问题所在……原来 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');
                 });

等等。

Answer 2

尝试这样的事情，而不是 $ 使用 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();