0

Web ページに、div の非表示/表示機能を備えた基本的な jQuery スクリプトがあります。

.newboxes2うまく機能しますが、「非表示」の div ( ) 内のリンクが期待どおりに機能しないことに気付きました。それらをクリックすると、Google に移動することを期待しています。

これを修正するためにコードを更新する方法を誰かが説明できますか?

これが私のjsFiddleで、うまくいけば私の要点を示しています。

jQuery:

$(document).ready(function() {

 $('.showscroll').bind('click', 'h2, h3', function(e) {
   e.preventDefault();

   $(this).toggleClass('active');
   $(".newboxes2").not($(this).find(".newboxes2")).slideUp();
   $(this).find('.newboxes2').slideToggle();

               if($(this).is('.active') ) {
                       $(this).find('img.small').attr('src', '/wp-content/themes/boilerplate/images/image_corner_btn_onstate.png');
               } else {
                       $(this).find('img.small').attr('src', '/wp-content/themes/boilerplate/images/image_corner_btn_offstate.png');
               }
   if (this.id === 'service29') {
    $('html, body').animate({
      scrollTop: $(this).find('h2').offset().top
    }, 1000);
                }

 });

});

ありがとうございました :-)

4

2 に答える 2

2

あなたはe.preventDefault();あなたのjqueryにあります。これにより、リンクが停止します。

于 2013-02-03T15:39:33.420 に答える
1

これを試してみてください:- http://jsfiddle.net/fS5gq/9/

$(".ancClass").click(function (e) {
    window.location.href = $(this).attr("href");  
    return false;
});

アンカー タグのクラスを追加し、リダイレクトを処理するイベントを追加しました。

于 2013-02-03T15:55:14.077 に答える