Question

需要帮助解决为什么不起作用......

我在每一行分页内都有一个按钮，该按钮会重定向到其他页面preview.php页面，以获取更多有关具有ID号的项目的信息。

现在我想改变，我想填补一个例如。

使用幻灯片并向下滑动而不是重定向到preview.php。

我创建了像这样的jquery ......

    $(document).ready(function(){
  $("#button").click(function(){
    $(".contenthere").slideToggle("slow");
     $('.contenthere').load('preview-print.php?pid=<?php echo $product_id;?>');
  });});

和我创建的按钮......

    <td id="button"><a class="button" href='preview.php?pid=<?php echo $product_id;?>'><span class="print-icon">edit</span></a></td>

为什么这不适用于分页列内部，但在分页之外工作正常！

有没有人可以帮我解决这个问题！

Answer 1

您必须阻止锚点的默认操作，否则它只会重定向

$(document).ready(function(){
    $("#button").on('click', function(e){
        e.preventDefault();
        $(".contenthere").slideToggle("slow");
        $('.contenthere').load('preview-print.php?pid=<?php echo $product_id;?>');
    });
});

为什么这个按钮不起作用

1 个答案: