爲什麼這個按鈕不起作用

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