使用jQuery在动态创建的元素上调用自定义函数

用户名

我有一个外部函数,必须为具有特定类的所有元素调用,如下所示:

jQuery('.myClass').myFunction();

这行得通,但是对于动态创建的元素,我该如何做到这一点。我有多个可以创建元素的函数,并且我不想在每一个创建新元素的代码中都添加此行。

这样做的原因是,我根据与php一起使用的元素来加载javascript。因此,我无法将myFunction()添加到元素创建函数中,因为这两个函数位于不同的文件中,这些文件可能会或可能不会一起加载到同一页面上。

因此.myFunction(),一旦创建后,如何在具有“ .myClass”的对象上调用该函数。

因此,在创建元素的函数中,我不知道需要在元素上调用哪些函数,在执行元素上的函数的文件中,我也不知道哪些函数可以创建元素。

解决方案:由于这被标记为重复问题,因此我无法添加答案。但是,与该问题相比,我确实采用了不同的方法来解决此问题。我的方法是创建一个新类,每个脚本都可以添加在创建元素时应调用的函数,并在创建新元素时调用这些函数。

Js:

function jsHandler(){
    this.actions = [];

    this.addAction = function(action){
        this.actions.push(action);
        action();
    };

    this.callActions = function(){
        jQuery.each(this.actions,function(key,action){
            action();
        });
    };
}
var myJsHandler = new jsHandler;//global variable

然后在每个必须通过对象调用函数的文件中,我将其放置:

myJsHandler.addAction(function(){
    jQuery('.myClass').myFuncion();
});

在每个创建元素的文件中,我在创建元素之后将其放入:

myJsHandler.callActions();

对我来说,这有效。一些注意事项:

  • 我可能需要添加一些代码,以便始终在加载其他脚本之前创建jsHandler。
  • 请注意,每次创建元素时,此函数都会调用所有函数。对于我的功能,这无关紧要。
海达尔·C。
<div class="root">
  <span class="line"></span>
</div>


jQuery(document).on('DOMNodeInserted','.line',function(){
     jQuery(this).myFunction();
     console.log("object added");})
jQuery(".root").append(jQuery("<span/>").addClass("line"))

有关详细信息和突变事件,请列出链接

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery将自定义CSS类添加到动态创建的元素中

来自分类Dev

使用jQuery.map()函数创建自定义对象数组

来自分类Dev

创建自定义构造函数而不直接调用继承

来自分类Dev

使用jQuery vs Polymer vs Dust.js创建和重用自定义元素

来自分类Dev

jQuery在动态元素上调用datepicker

来自分类Dev

自定义视图构造函数不会在Android 5.0.2上调用

来自分类Dev

在Angular动态创建的对象上调用jQuery函数

来自分类Dev

在集合Mongo DB中的每个文档上调用自定义python函数

来自分类Dev

在dplyr中使用{{}}调用自定义函数

来自分类Dev

使用ACF更新/创建自定义帖子类型后,在Wordpress中调用函数

来自分类Dev

Vue2.x:如何使用自定义函数动态呈现元素?

来自分类Dev

如何使用Ace Editor创建自定义HTML元素?

来自分类Dev

将自定义事件绑定到动态创建的元素

来自分类Dev

树枝:创建调用函数的自定义标签

来自分类Dev

使用IEqualityComparer时未调用自定义Equals函数

来自分类Dev

如何在自定义函数中创建动态窗口小部件并在viewDidLoad中调用它们?

来自分类Dev

如何在div元素上调用方法时创建具有动态使用的ID的div元素?

来自分类Dev

使用jQuery.map()函数创建自定义对象数组

来自分类Dev

如何调用此自定义jquery函数

来自分类Dev

定义和调用自定义函数

来自分类Dev

在Chrome扩展程序中动态创建的元素上调用jQuery方法

来自分类Dev

如何使用jQuery扩展方法为元素或类选择器创建自定义插件

来自分类Dev

在Angular动态创建的对象上调用jQuery函数

来自分类Dev

如何使用Google AMP创建自己的自定义元素?

来自分类Dev

如何使用C ++代码调用Matlab自定义函数

来自分类Dev

使用C#调用按钮的自定义库函数

来自分类Dev

使用 NexusDialog 在片段中创建自定义元素

来自分类Dev

如何通过使用自定义构造函数而不调用析构函数来创建具有初始大小的向量?

来自分类Dev

使用动态颜色创建自定义 xml drawable

Related 相关文章

  1. 1

    使用jQuery将自定义CSS类添加到动态创建的元素中

  2. 2

    使用jQuery.map()函数创建自定义对象数组

  3. 3

    创建自定义构造函数而不直接调用继承

  4. 4

    使用jQuery vs Polymer vs Dust.js创建和重用自定义元素

  5. 5

    jQuery在动态元素上调用datepicker

  6. 6

    自定义视图构造函数不会在Android 5.0.2上调用

  7. 7

    在Angular动态创建的对象上调用jQuery函数

  8. 8

    在集合Mongo DB中的每个文档上调用自定义python函数

  9. 9

    在dplyr中使用{{}}调用自定义函数

  10. 10

    使用ACF更新/创建自定义帖子类型后,在Wordpress中调用函数

  11. 11

    Vue2.x:如何使用自定义函数动态呈现元素?

  12. 12

    如何使用Ace Editor创建自定义HTML元素?

  13. 13

    将自定义事件绑定到动态创建的元素

  14. 14

    树枝:创建调用函数的自定义标签

  15. 15

    使用IEqualityComparer时未调用自定义Equals函数

  16. 16

    如何在自定义函数中创建动态窗口小部件并在viewDidLoad中调用它们?

  17. 17

    如何在div元素上调用方法时创建具有动态使用的ID的div元素?

  18. 18

    使用jQuery.map()函数创建自定义对象数组

  19. 19

    如何调用此自定义jquery函数

  20. 20

    定义和调用自定义函数

  21. 21

    在Chrome扩展程序中动态创建的元素上调用jQuery方法

  22. 22

    如何使用jQuery扩展方法为元素或类选择器创建自定义插件

  23. 23

    在Angular动态创建的对象上调用jQuery函数

  24. 24

    如何使用Google AMP创建自己的自定义元素?

  25. 25

    如何使用C ++代码调用Matlab自定义函数

  26. 26

    使用C#调用按钮的自定义库函数

  27. 27

    使用 NexusDialog 在片段中创建自定义元素

  28. 28

    如何通过使用自定义构造函数而不调用析构函数来创建具有初始大小的向量?

  29. 29

    使用动态颜色创建自定义 xml drawable

热门标签

归档