为什么这个按钮不起作用

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;?>'); 
    }); 
});