Question

在我的MVC3解决方案中,我用一个 j子。问题在于,当我将这些表格之一插入一个环节时,我无法控制这一联系。

我的守则是:

主要表格子:

<div id="tabContainer">
<ul>
    <li>@Html.ActionLink("Tab 1", "DetailFooterTab1", "MyController")</li>
    <li>@Html.ActionLink("Tab 2", "DetailFooterTab2", "MyController")</li>
    <li>@Html.ActionLink("Tab 3", "DetailFooterTab3", "MyController")</li>
</ul>

注

$("#tabContainer").tabs();

我的塔布3页有这一编号:

<a href="#" id="buttonTest">Test</a>

<script type="text/jscript">

$("#buttonTest").click(function () {
    alert( I am a link in the Tab 3 page );
});

</script>

这些 j木制成物。我可以点击其中之一,该系统正在显示相应的表格(并隐藏其他表格内容)。 BUT 当我点击试验链路时,没有发生任何事情! 任何想法?

Answer 1

你把你的法典放在美元(文件)上。准备就绪?

$(document).ready(function(){
   $("#buttonTest").click(function () {
     alert( I am a link in the Tab 3 page );
   });
});

or if that element added on dom later. you can use live event like

$("#buttonTeest").live( click ,funciton(){
    alert( I am a link in the Tab 3 page );
});

Answer 2

为此,

$("#buttonTest").click(function (e) {
    e.preventDefault();
    alert( I am a link in the Tab 3 page );
});

Answer 3

如果你在临时使用时添加这些物品,就会生活,而不是约束。

$( #buttonTest ).live( click , function() {
e.preventDefault();
    alert( I am a link in the Tab 3 page );
});

友情链接