Невозможно щелкнуть событие из href link

Question

У меня есть странная проблема, которую я постараюсь объяснить как можно лучше. У меня есть заголовок, и в этом заголовке есть меню. Когда сайт загружается первым, он загружает main.php, и если я нажму ссылку в меню, чтобы открыть диалоговое окно, ничего не произойдет. Однако, если я перейду на другую страницу, ссылка будет работать. У меня возникли проблемы с пониманием того, почему это происходит, когда меню загружается правильно при загрузке заголовка. Я был бы признателен, если бы кто-нибудь мог предложить некоторые предложения относительно того, что я могу попробовать. Это происходит во всех браузерах. Благодаря

HTML код

<div class="col_1">  
    <h3>Boxes</h3> 
    <ul> 
     <li><a href="#" class="BA">Add Box(es)</a></li> <!-- This is the culprit. --> 
     <li><a href="/domain/admin/requests/boxes/index.php">Administration</a></li> 
    </ul> 
</div> 

JQuery код

$(function(){ 
     $("a.BA").click(function(){ 
     $("#boxaddform").dialog('open'); 
     }); 
}); 

Answer 1

использование preventDefault к чрезмерному ездить значение вы установили в href атрибута:

$("a.BA").click(function(e){ 
    e.preventDefault(); 
    $("#boxaddform").dialog('open'); 
}); 

EDIT:

После глядя на вашу скрипку, важно, что вы делаете еще одну вещь - инициализирует диалог перед вызовом open на нем, как это:

$("#boxaddform").dialog({ 
     autoOpen: false 
}); 

Вы не можете позвонить open на a dialogbox, которого не существует.

Обновлено демо: http://jsfiddle.net/hungerpain/TrScN/8/

ИЛИ

Просто замените $("#boxaddform").dialog("open"); на $("#boxaddform").dialog();, чтобы заставить его работать так, как это делает.

Демо: http://jsfiddle.net/hungerpain/TrScN/9/

Answer 2

попробуйте использовать живую или на функцию.

$(document).live/on('click','a.BA',function(){ 
// your code 
});