Событие щелчка jQuery не работает на вкладке jQuery

Question

Я использую вкладку jQuery в своем решении MVC3. Проблема в том, что когда я вставляю ссылку на одну из этих вкладок, я не могу управлять этой ссылкой с помощью jQuery?

Вот мой код:

Страница подразделения основной вкладки:

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

На моей странице Tab3 у меня есть этот код:

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

<script type="text/jscript">

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

</script>

Эти вкладки jQuery работают. Я имею в виду, что я могу нажать на одну из них, и система показывает соответствующую вкладку (и скрывает другое содержимое вкладки). НО Когда я нажимаю тестовую ссылку, ничего не происходит! Есть идеи?

Answer 1

Если вы добавляете их во время выполнения, используйте live вместо bind

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

Answer 2

Вы поместили свой код в $ (document) .ready?

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

или этот элемент был добавлен в dom позже.Вы можете использовать живое событие, как

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

Answer 3

Попробуйте,

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