Question

我已经创建了一个绝对可以正常工作的JQ插件，下面是调用插件的代码

          $('#tp').click(function() { 
                $('#tp').mainDiv({
                request     : 'open' ,
                secondary   : 'open'             
                });
         });

当用户点击div元素时，我的插件调整大小并设置div的样式。我唯一的问题是我希望在不添加id元素的情况下运行我的插件，所以我的想法就是我的代码只会像这样调用插件

         JQ script etc 

         then call something like   **maindiv()**

         then more script

我的问题是我可以这样做吗？

谢谢

Answer 1

你可以创建一个静态jquery插件。然后你像$.mainDiv()一样调用它，你只需要改变插件声明：

$.fn.mainDiv = function(){
  //plugin code here
}

进入

$.mainDiv = function(){
  //plugin code here
}

Answer 2

我不知道我是否理解你的问题，但有几种方法可以获得当前点击的元素。一种方法是使用事件对象中的delegateTarget。所以你不需要知道点击回调中的id。

    $('#tp').click(function (event) {
        var target = $(event.delegateTarget);
        target.mainDiv({
            request: 'open',
            secondary: 'open'             
        });
    });

Doc：http://api.jquery.com/event.delegateTarget/

运行自定义插件Jquery

2 个答案: