Почему эта кнопка не работает

Question

Нужна помощь с чем-то, почему не работает...

У меня есть кнопка внутри каждой строки нумерации страниц, эта кнопка перенаправлена ​​на другую страницу preview.php для дополнительной информации о предметах с идентификатором.

И теперь я хочу изменить, и я хотел бы заполнить div, например

с Slipup и Slide вниз вместо перенаправления в 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;?>');
    });
});