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是包含我的jPlayer插件代码的<div>，而#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的控制台中运行此代码段，然后它的行为正确。