我喜欢在表格中有一行使其可点击(而不仅仅是行中的文本),因此我使用以下代码使其打开另一个页面:
<td onClick="document.location.href='content2.html';" style="cursor:pointer;">
但是现在我使用 jquery 和下面的代码在 div 中而不是在新页面中打开新页面。我将如何更新我的行代码以打开 div 中的内容而不是在新页面中。
在实际文本中我使用以下内容:
<a class="load_link" style="cursor:pointer;">Link<a>
但是,正如我上面所说,我想让整行都可单击,而不仅仅是文本。
用于更新内容的JQuery:
$(document).ready(function(){
$("#content").load("content.html");
});
(function($) {
$(function() {
$('.load_link').click(function() {
$("#content").load("content.html");
var $row = $(this).closest("tr");
$row.removeClass("rownotselected").addClass("rowselected");
$row.siblings("tr").removeClass("rowselected").addClass("rownotselected");
return false;
});
});
})(jQuery);
任何帮助,将不胜感激!
JQuery 可以将函数附加到表格单元格上的单击事件,因此为表格提供行位于 id 中,而不是$('.load_link').click()
, use $('.load_link, #tableId td').click()
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)