javascript - jQuery 外部事件插件无法正常运行

Question

我已经按照 Sarfraz 的建议下载了 jQuery 外部事件插件，这看起来真的很棒，只是我似乎无法让它正常运行。

这是我尝试调用它的代码:

$("#player").bind( "clickoutside", function(event){
  if($('#player').is(':visible')) {
    $('#player').slideToggle(500);
  }
}); 

我不明白为什么这不起作用。

我认为我的其他 jQuery 文件中的这个 jQuery 代码片段可能有问题:

$('#text_music').click(function() {
  $('#jplayer').slideToggle(500);
});

但我并不完全确定。

在此背景下，#player是<div>其中包含我的 jPlayer 插件代码，以及 #text_music只是带有文字的图像 Music ，单击后应滑动切换 #player <div> .

关于为什么这不起作用的任何想法？

您可以在http://www.marioplanet.com处看到实现(尝试实现)

谢谢大家!

Answer 1

看起来您正在滑动切换两个不同的元素。尝试将第一个代码块的回调中的 #player 更改为 #jplayer:

$("#player").bind( "clickoutside", function(event){ 
  if($('#jplayer').is(':visible')) { 
    $('#jplayer').slideToggle(500); 
  } 
});

我尝试在加载页面后立即在 Firebug 的控制台中运行此代码片段，然后它的行为正确。