如何在引导中使用jquery将整行作为链接序号名称要点 1. 随机的 91_Jquery_Twitter Bootstrap

如何在引导中使用jquery将整行作为链接序号名称要点 1. 随机的 91

jquery twitter-bootstrap

如何在引导中使用jquery将整行作为链接序号名称要点 1. 随机的 91,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,我使用以下代码使用jquery添加了多行 <table class="table table-hover"> <thead> <tr> <td>S.no</td> <td>Name</td> <td>Points</td> </tr> </thead&g

我使用以下代码使用jquery添加了多行

<table class="table table-hover">
    <thead>
        <tr>
            <td>S.no</td>
            <td>Name</td>
            <td>Points</td>
        </tr>
    </thead>
    <tbody>
        <tr class="clickable-row" data-href="next.html">
            <td>1</td>
            <td>random</td>
            <td>91</td>
        </tr>
    </tbody>
</table>

函数tablename（）{
$（文档）.ready（函数（）{
var tr=$（“”）；
tr.addClass（“可点击行”）；
tr.attr（'data-href'，'link.html'）；
对于（i=0；i<3；i++）{
var td=$（“”）。文本（“dilkush”）；
tr.append（td）；
}
$（“tbody”）。追加（tr）；
});
}
jQuery（文档）.ready（函数（$）{
$（“.clickable行”）。单击（函数（）{
window.document.location=$（this.data（“href”）；
});
});

函数“tablename（）”在主体加载后被调用（

）。。。在表格中，所有字段都被添加，但当我单击它时，它不会移动到下一页。。。

我已经使用了引导程序，有人请找出错误

单击表行类，将位置href分配给单击的行href

function tablename() {
    $(document).ready(function () {
        var tr = $("<tr></tr>");
        tr.addClass("clickable-row");
        tr.attr('data-href', 'link.html');
        for (i = 0; i < 3; i++) {
            var td = $("<td></td>").text("dilkush");
            tr.append(td);
        }
        $("tbody").append(tr);
    });
}
jQuery(document).ready(function ($) {
    $(".clickable-row").click(function () {
        window.document.location = $(this).data("href");
    });
});

您必须使用动态添加的元素

而不是：

$(".clickable-row").click(function(){
    location.href = $(this).data("href");
});

使用：

更好的做法是在表

中添加

id

属性，然后：

$(document).on('click', ".clickable-row", function () {

根据身体负荷调用函数的正确方法如下：

$('#my-table').on('click', ".clickable-row", function () {

<body onload="functionname()">

现在，由于动态添加了具有classname

可单击行的元素
，因此您需要执行事件委派。假设您的表
具有id
=table1
。活动授权如下：
$(document).ready(function () {
        var tr = $("<tr></tr>");
        tr.addClass("clickable-row");
        tr.attr('data-href', 'link.html');
        for (i = 0; i < 3; i++) {
            var td = $("<td></td>").text("dilkush");
            tr.append(td);
        }
        $("tbody").append(tr);
});

您需要在移动中绑定单击事件
这是解决办法
$('#table1').on('click',".clickable-row",function () {
      window.document.location = $(this).data("href");
});

$('#table1').on('click',".clickable-row",function () {
      window.document.location = $(this).data("href");
});

$(".clickable-row").on('click',function () {
        window.document.location = $(this).data("href");
    });