Question

目前我的代码就像这样。链接虽然很好。

    var button =
        "<button class='redirect-button' data-url='LINK'>Compare</button>";
    $("#tableid").append("<tr  ><td>" + section +
        "</td><td>" + no + "</td><td>" + price +
        "</td><td>" + button + "</td></tr>");
    $("#tableid").find(".redirect-button").click(function() {
        location.href = $(this).attr("data-url");
    });
}

虽然当我尝试使用引导按钮时，按钮会显示在表格中，但不再跟随链接。

 var button =
                "<button class='btn btn-info' data-url='LINK'>Compare</button>";
            $("#tableid").append("<tr  ><td>" + section +
                "</td><td>" + no + "</td><td>" + price +
                "</td><td>" + button + "</td></tr>");
            $("#tableid").find(".btn btn-info").click(function() {
                location.href = $(this).attr("data-url");
            });
        }

如何让它再次链接？

Answer 1

您的选择器（“。btn btn-info”）在find方法中是错误的。它必须是“.btn.btn-info”。

见

$("#tableid").find(".btn.btn-info")

Answer 2

当您使用.find(".btn btn-info")时，您在选择器.btn btn-info上出错。你的引导按钮是这样的：

<button type="button" class="btn btn-info">My Button</button>

您可以访问以下按钮：

 $("#tableid").find(".btn.btn-info").on('click', function(){
                        ^--- has class .btn and .btn-info
   location.href = $(this).attr("data-url");
});

阅读这篇文章http://www.w3.org/TR/css3-selectors/#class-html

用json启动链接按钮

2 个答案: