Блог

 <script type='text/javascript'>

    $(window).load(function(){
        $("#tabs").tabs();
        $(".nexttab").click(function() {
            $("#tabs").tabs("select", this.hash);
        });
    });

</script>


<tr>
    <td>amp;nbsp;</td>
    <td align="right">  <a class="nexttab" href="#tabs-1">  << Back  </a> amp;nbsp;amp;nbsp; <a class="nexttab" href="#tabs-3">Next >> </a> </td>
</tr>
  

Когда я использую приведенный выше код, он отлично переходит на следующую вкладку и предыдущую вкладку. но проблема в том, что когда я перехожу на следующую или предыдущую вкладку, мой экран опускается (я имею в виду, что страница прокручивается немного вниз, но). не могли бы вы, пожалуйста, помочь мне.. Заранее спасибо.

С уважением, Рамеш

#tabs-1 и #tabs-3 в ваших тегах привязки заставляют браузер переходить к этим точкам привязки. Чтобы предотвратить это, добавьте return false; в конец вашего обработчика кликов, чтобы предотвратить действие браузера по умолчанию.

Вы должны добавить return false в свой click обработчик, чтобы он не переходил к определенному хэшу.

 $(".nexttab").click(function() {
  $("#tabs").tabs("select", this.hash);
  return false;
});
  

Также недопустимо использовать << Back или Next >> . Используйте amp;<amp;< Back вместо или даже Next amp;>amp;>