在加载页面上触发点击事件本身答案

【问题标题】：trigger click event itself on loading page在加载页面上触发点击事件本身
【发布时间】：2013-08-07 07:39:13
【问题描述】：

我正在尝试在选择器“#map_canvas_tab”上实现调用点击事件本身。我确实有点击事件注册，它工作正常，但我想在使用 jQuery 或 JavaScript 的 document.ready 函数中重新加载页面时调用

$("#map_canvas_tab").on("click", function () {

            //call me other code here 
});

我用过触发器，但它不起作用！

$("#map_canvas_tab").trigger('click');

非常感谢

【问题讨论】：

我接受它 $("#map_canvas_tab").trigger('click');在文档中。准备好了吗？比如 $(function() { ...trigger });
你试过 $("#map_canvas_tab").click();或者试试这个 $("#map_canvas_tab").trigger('click',e);
你能创建一个fiddle 来显示这种行为吗？
#map_canvas_tab 是动态添加的吗？
我正在使用简单的标签 jquery 插件，在第二个标签中，我得到了谷歌地图。当用户点击“#map_canvas_tab”时，它会调用我的自定义插件并加载谷歌地图。我想默认调用第二个标签，我有一些小问题，我相信在页面加载时调用点击事件本身会解决它

标签： javascript jquery

【解决方案1】：

试试下面的代码：

<input type="button" id="btnclick" value="Click"/>

$("document").ready(function() {
setTimeout(function() {
    $("#btnclick").trigger('click');
},10);
$("#btnclick").click(function(){
    alert(1)
});
});

演示：http://jsfiddle.net/Qaeav/

【讨论】：

【解决方案2】：

如果您喜欢，该功能将在页面加载时触发：

  btn.addEventListener("click", funName());

正确方法：

 btn.addEventListener("click", funName);

或者如果你有参数

 btn.addEventListener("click", function(){ funName(param); }

【讨论】：

【解决方案3】：

最好的解决办法是调用一个函数：

$("document").ready(function() {

    //1- click function
    function mapCanvasTabClick(){
         //load map in tab content
    }

    //2- when load page:
    mapCanvasTabClick();

    //3- set selected tab
    $("#selectPropertyTab").easytabs({
        defaultTab: "#sp_tab2"
    });

    //4- bind to click
    $("#map_canvas_tab").on("click", function () {

        //call me other code here 
        mapCanvasTabClick();

    });
 });

【讨论】：

【解决方案4】：

我发现了问题，不是触发器而是easytab。这是我的解决方案

默认激活第二个标签

$(function () {
        $("#selectPropertyTab").easytabs({
            defaultTab: "#sp_tab2"
        });
});

使用需要选择器注册 Click 事件

$("#map_canvas_tab").on("click", function () {

        //call me other code here 
});

最后，通过代码使用触发函数触发事件

$("#map_canvas_tab").trigger('click');

【讨论】：