javascript - 在加载页面上触发点击事件本身

Question

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

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

            //call me other code here 
});

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

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

非常感谢

Answer 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/

Answer 2

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

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

正确方法：

 btn.addEventListener("click", funName);

或者如果你有参数

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

Answer 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();

    });
 });

Answer 4

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

默认情况下使第二个选项卡处于活动状态

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

使用 require Selector 注册 Click 事件

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

        //call me other code here 
});

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

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