在幻灯片放映中使用 .delegate 函数

Question

我有一个为我的页面运行幻灯片的脚本。我正在尝试使用 .delegate() 插入幻灯片中显示的一组新图像（包括其缩略图）。我使用 .load() 函数加载外部

来替换活动页面中的一些 HTML。我还有带有 ID 的按钮（#kick1、#kwick2 等），用于确定加载哪组幻灯片。

 jQuery("#kwick2").click(function () {
     jQuery("body").delegate('#slideshow', 'click', function() {
         jQuery('#slideshow').load('/design.html #design');      
     )};
 )};

很确定语法完全错误。有人可以帮助我吗？

#slideshow div 是我创建的，用于直接包含其他一些 div 受幻灯片脚本的影响。 div ID #slideshow 内为

、

; 和

。

当您单击 KWICK 按钮时，这些内容将被直接替换，它们几乎都是不言自明的，图像拇指具有图像链接和带有图像链接的无序列表。

Answer 1

您不应在每次单击按钮时重新委托。你做错了。

相反，你应该拥有类似：

var foobar = (function () {

   var func , mod1 , mod2;
   mod1 = function () {
      /* do something in state 1 */
   };
   mod2 = function () {
     /* do something in state 2 */
   };

   return {
      state: function (e) {
         switch (this.id){
            case 'kwick1':
               func = mod1;
               break;
            case 'kwick2':
               func = mod2;
               break;
         }
      },
      callback: function (e) {
         func.call();
      }
   }
})();

jQuery("#kwick1").click( foobar.state ); // and you really should delegate this
jQuery("#kwick2").click( foobar.state );
jQuery("body").delegate('#slideshow','click', foobar.callback);

或类似的东西..

并且不，我没有测试此代码。它是为了解释这个概念而写的，而不是用来填鸭式的。

Answer 2

不确定我是否很好地理解了这个问题，无论如何，你必须指定你要委托的事件

 jQuery("#kwick2").click(function () {
 jQuery("body").delegate('#slideshow',"click", function(){
    jQuery('#slideshow').load('/design.html #design');      
    )};
 )};

委托