即使在使用noConflict函数之后jquery也会发生冲突

Question

请参阅我的jquery代码。

有3个点击功能。 1单击slideToggle菜单后，单击任意位置的文档，关闭菜单，第3个单击，单击旋转类tigger类。

这是我的jquery代码：

<script>
    $(function() {
        // Dropdown toggle
        $('.rs-dropdown-toggle').click(function(){
          $(this).next('.rs-dropdown').slideToggle('slow');
        });

        $(document).click(function(e) {
          var target = e.target;
          if (!$(target).is('.rs-dropdown-toggle') && !$(target).parents().is('.rs-dropdown-toggle')) {
            $('.rs-dropdown').slideUp();
          }
        });

    });
    jQuery.noConflict();
    (function( $ ) {
        $(".rotate").click(function(){
            $(this).toggleClass("down"); 
        });
    })( jQuery );
</script>

这是HTML代码：

        <nav>
            <a href="#" id="rs-float-menu" class="rs-dropdown-toggle">
                <img src="/wp-content/uploads/2016/03/add.png" class="rs-img"/>
            </a>
            <ul class="rs-dropdown">
              <li><a href="#">Menu Item</a></li>
              <li><a href="#">Menu</a></li>
              <li><a href="#">Settings</a></li>
              <li><a href="#">Search</a></li>
            </ul>
        </nav>
        <a href="#"><div class="fa fa-chevron-up rotate"></div></a>

如果没有这个jquery函数，下拉列表工作正常，但是当我使用它时，下拉列表停止工作..

jQuery.noConflict();
    (function( $ ) {
        $(".rotate").click(function(){
            $(this).toggleClass("down"); 
        });
    })( jQuery );

＆安培;控制台显示此..但第二个代码在这里正常工作：http://jsfiddle.net/koala_dev/3v2egwfs/7/

我不明白问题出在哪里！我相信我做了一些愚蠢的错误

Answer 1

我认为您错误地添加了dt.Rows.AsEnumerable() .Select(r=> new exampleModel() { Id = r.Field<int>("col1"), Name = r.Field<string>("col2"), ... }); ，而您的整个问题是最后一个事件侦听器不在 noConflict() 处理程序中。如果脚本标记在头部，那么在元素存在之前就一直在运行代码

尝试

document.ready

Answer 2

试

PUT

而不是

$.noConflict();