为什么这个按钮不起作用

Question

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

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

现在我想改变，我想填充一个 div，例如

使用上滑和下滑而不是重定向到 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;?>');
    });
});