如何在jquery中创建一个全局函数，并从另一个加载的页面调用它

Question

如何在 jquery 中声明全局函数，如何从使用 jquery 的 load() 函数加载到该页面上的某个 div 中的页面调用它。

第一个子页面中的功能很简单，

+-----------------------------------------------+
| main links                                    |
+-----------------------------------------------|
| +-------------------------------------------+ |
| |1st sub page (myfun function is here)      | |
| +-------------------------------------------+ |
| | +---------------------------------------+ | |
| | |                                       | | |
| | |                                       | | |
| | |                                       | | |
| | | mybutton clicked myfun called         | | |
| | |                                       | | |
| | +---------------------------------------+ | |
| +-------------------------------------------+ |
+-----------------------------------------------+

但是当我点击时，没有任何反应...... 这两个函数

myfun

myfun(tab_index, acc_id){
    alert(tab_index +" | +" acc_id);
}

mybutton

$("#mybutton").click(function(){
    var $bottomLineBtn = $(this);
    $bottomLineBtn.parent().myfun('2','43234');
})

有人可以帮助我吗.. 找到解决方案太难了.. 我已经搜索了 3 个小时了...

=================================================== ==================================

已更新

详细场景

1. 这是我的 正在使用一些动态的东西jquery
2. 第一页包含 2 个 div，一个 id=menu 和其他 id=subpage1，
3. 我点击 #menu 中的一个链接，页面被加载到 #子页面1。
4. 再次有一个包含 2 个 div #menu2 和 #subpage2 的页面
5. ，这里我制作了一个脚本，只需 1 即可自动将页面加载到 #subpage2参数....这是列表菜单的ID。

6. 这个脚本是..

    $("#menu2 li").click(function(){
        $("#subpage2").load($(this).attr('page_link'));
      }
    }).filter('#menu2 li:eq(0)').click();
    

7. 在加载的页面中。在最底部，我使用 2 个按钮，其中一个按钮工作正常，它调用上面的函数并更改值 li:eq(1) .. 我就是这样做的。

    $("#bottom_bar #backbtn").click(function(){
    var $bottomLineBtn = $(this);
    $bottomLineBtn.parent().parent().parent().find('#menu2 li:eq(1)').click();
    })

...但另一个按钮不起作用。我想调用属于 #subpage1 中某些 div 的函数。但无法访问它们。我只在上面的 $("#menu2 li").click(function(){ 函数旁边放置了一个函数。

 myfun(tab_index, acc_id){
        alert(tab_index +" | +" acc_id);
    }

但我不知道如何从加载的第二个按钮调用此函数进入 #subpage2

上述场景是否构成场景..请尝试理解我..我不太擅长描述...

Answer 1

为什么不能将函数放在外部 .js 文件中，然后将其导入到主页中？

Answer 2

function setGlobalFunc()
{    
   window.myfunc = (function(){alert("o hai");});    
}    

setGlobalFunc();    
myfunc();    

从另一个函数内部创建的函数，仍然可以全局访问。

根本不需要 jQuery。

Answer 3

如果动态加载内容，则需要使用 .live() 方法连接事件

$("#mybutton").live("click", function() { /* code here */ });

Answer 4

问题是您将该函数链接起来，就好像它是 jQuery 的一部分一样，但您尚未将其作为 jQuery 的插件。

你应该这样调用它

$("#mybutton").click(function(){
    // var $bottomLineBtn = $(this);
    // $bottomLineBtn.parent();
    myfun('2','43234');
})

---

，或者将你的函数定义为 jquery 的插件，

 $.fn.myfun = function(tab_index, acc_id){
    alert(tab_index +" | +" acc_id);
 };

然后像你现在那样调用它