Я бы хотел предотвратить поведение по умолчанию для клика по ссылке.Я попытался вернуть ложь;также javascript: void (0);в атрибуте href, но, похоже, он не работает.Он отлично работает в Firefox, но не в Chrome и IE.
У меня есть одна вкладка, которая загружает через AJAX содержимое, представляющее собой простую ссылку.
<script type="text/javascript">
$(function() {
$("#tabs").tabs({
ajaxOptions: {
error: function(xhr, status, index, anchor) {
$(anchor.hash).html("Couldn't load this tab. We'll try to fix this as soon as possible. If this wouldn't be a demo.");
},
success: function() {
alert('hello');
$('#lk').click(function(event) {
alert('Click Me');
event.preventDefault();
return false;
});
}
},
load: function(event, ui) {
$('a', ui.panel).click(function(event) {
$(ui.panel).load(this.href);
event.preventDefault();
return false;
});
}
});
});
</script>
<body>
<div id="tabs">
<ul>
<li><a href="linkChild.htm">Link</a></li>
</ul>
</div>
</body>
Содержимое linkChild.htm - это
<a href="http://www.google.com" id="lk">Click Me</a>
Таким образом, когда содержимое вкладки загружается успешно, к ссылке «lk» добавляется событие щелчка.Когда я нажимаю на ссылку, отображается предупреждение, но затем ссылка исчезает.Я проверяю HTML, и элемент фактически удаляется из DOM.