Question

我在下面附带的代码似乎正在做他的事情，但是当我将它包含在我的Wordpress网站中时，它只是无法工作。那么我应该做些什么来正确地包含它？我甚至尝试通过wp_register / enqueue_script添加它，但我什么都没有：S

以下是代码：

<style>
#drop {
    display: none;
}
</style>

<script>
$(document).ready( function(){
    $('#trigger').click( function(event){
        event.stopPropagation();
        $('#drop').toggle(); 
    });
    $(document).click( function(){
        $('#drop').hide();
    });
});
</script>

<div class="wrapper">
    <a id="trigger" href="#">Click Me</a>
    <div id="drop">Content</div>
</div>

jsfiddle

有什么想法吗？在此先感谢：）

Answer 1

单击触发器时显示。

$(document).ready( function(){
  $('#trigger').click( function(event){
      $('#drop').show();
   });
  $(document).click( function(){
      $('#drop').hide();
   });
});

Answer 2

没有冲突模式？

var j = jQuery.noConflict();

// Do something with jQuery
j( "div p" ).hide(); // instead $( "div p" ).hide();

Answer 3

我很抱歉。我很感激你的努力，在写这篇文章时我感觉非常愚蠢，但这是一个非常简单的错误。我把它封装在Wordpress提供的一个jQuery noConflict包装器中：

(function($) {
    // Inside of this function, $() will work as an alias for jQuery()
    // and other libraries also using $ will not be accessible under this shortcut
})(jQuery);

我混淆了其他一些功能，但是我错误地删除了我试图解决这个功能的结束括号。

深深地，对此感到非常抱歉＆gt;。＆lt;

WordView中的jQuery onclick显示/隐藏框

3 个答案: