使用jquery无法正常模拟链接上的点击

Question

$("#foo").on("click", function (event) {
  alert($(this).text());
});

$("#foo").trigger("click");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<a id="foo" class="fancybox.iframe btn btn-primary" href="addDepartment.jsp" >Next Page</a>

页面加载时，警告框显示“下一页”，但fancybox无法打开 如果我实际点击该按钮（链接），那么它工作正常。

Answer 1

<script>
    $("#foo").on("click", function (event) {
        alert($(this).text());
    });
    $("#foo").trigger("click");
   $( "#foo").unbind( "click" );

</script>

<强> Working Fiddle