2016-03-31 23 views
1

「詳細を読む」ボタンをクリックすると、補完的なデータがロードされるWebページをロードしようとしていますが、スクリプトが終了するとページがリロードされます。ページの再読み込みを防ぐ方法に関するヒントJQueryトリガーの後にページをリロードしないようにする

私はevent.preventDefaultreturn false;を試しましたが、うまくいかないようです。 、これは

window.setInterval(function (e) { 
     $('div.getmore').trigger('click'); 
     e.preventDefault() 
     e.stopPropagation() 
     } 
, 1000); 
+1

あなたは(「クリック」、機能上、彼らはそれを –

+0

'$(「div.getmore」)を行っているかどうか' getmore'に登録ハンドラを見てする必要があります(e){e.preventDefault();}) ' – Rayon

+0

@marwannあなたが遭遇しているJavaScriptのエラー、またはフォームが何とか送信されている可能性があります。私のアンカーを試してみて、どんなエラーが出るのかを確認してください – shivgre

答えて

1

問題は、あなたが貼り付けられたあなたのjQueryのコードではありません動作するはず

window.setInterval(function() { 
     $('div.getmore').trigger('click'); 
     return false; 
     } 
, 1000); 
+2

私は正しい回答としてそれを受け入れるでしょう@shivgre私の見方を広げるのを助けました。いくつかの文脈を与えるために、サイトは私のものではなく、私が読むのが好きなブログです。検索バーを持たないブラウズには苦労しています。問題は、たとえすべてのコンテンツが既にページにあるにもかかわらずdivが表示されていたにもかかわらず、可視性が隠されていて、隠されたボタンがクリックされるとページがリロードされるという問題でした。 – Marwann

+0

喜んで、リロードの問題を修正するのを助けてくれることを願っています。 – shivgre

0

はこれを試してみてください:

は、ここに私のコードです。 Firebugコンソールを使用して、ページがロードされた後でもjavascriptエラーが表示されていることを確認するためにpersistをクリックすると、実際の問題を見つけることができます。

+3

'e'何? – Rayon

+1

いいえ、 'return false;は両方を行います。問題は他にもある。 – Jai

+0

'return false;'はe.preventDefault()と等価です。 e.stopPropagation(); ' - そして、それを使うのは助けになりません。 – Marwann

0

preventDefaulta要素をクリックしてください。ないdivそれはa内だ場合:

<a href="google.com"> 
    <div class="getmore">Get more</div> 
</a> 

$('a').on('click', function(event) { 
    event.preventDefault(); 
}); 

// Your code 
関連する問題