在加载页面上触发单击事件本身

Question

我正在尝试在选择器“#map_canvas_tab”上实现调用click事件本身。我有点击事件注册表，它工作正常但我想在使用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');