亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

<a>標記上的preventDefault()

<a>標記上的preventDefault()

躍然一笑 2019-10-08 14:41:18
當單擊鏈接時,我有一些html / jquery可以上下滑動div以顯示/隱藏它:<ul class="product-info">  <li>    <a href="#">YOU CLICK THIS TO SHOW/HIDE</a>    <div class="toggle">      <p>CONTENT TO SHOW/HIDE</p>    </div>  </li></ul>$('div.toggle').hide();$('ul.product-info li a').click(function(event){  $(this).next('div').slideToggle(200);}我的問題是:如何使用preventDefault()鏈接來停止鏈接并將其添加#到URL的末尾并跳至頁面頂部?我找不到正確的語法,只是不斷收到一個錯誤消息,指出preventDefault()不是函數。
查看完整描述

4 回答

?
森林海

TA貢獻2011條經驗 獲得超2個贊

嘗試類似:


$('div.toggle').hide();

$('ul.product-info li a').click(function(event) {

    event.preventDefault();

    $(this).next('div').slideToggle(200);

});

這是jQuery文檔中有關該頁面的頁面


查看完整回答
反對 回復 2019-10-08
?
DIEA

TA貢獻1820條經驗 獲得超3個贊

將href屬性設置為href="javascript:;"


<ul class="product-info">

  <li>

   <a href="javascript:;">YOU CLICK THIS TO SHOW/HIDE</a>

  <div class="toggle">

    <p>CONTENT TO SHOW/HIDE</p>

  </div>

 </li>

</ul>


查看完整回答
反對 回復 2019-10-08
?
翻過高山走不出你

TA貢獻1875條經驗 獲得超3個贊

建議您不要使用return false,因為這樣會導致3種情況:


event.preventDefault();

event.stopPropagation();

停止回調執行,并在調用后立即返回。

因此,在這種情況下,您實際上應該只使用 event.preventDefault();

文章存檔-jQuery Events:Stop(Mis)使用Return False


查看完整回答
反對 回復 2019-10-08
?
jeck貓

TA貢獻1909條經驗 獲得超7個贊

<ul class="product-info">

  <li>

    <a href="javascript:void(0);">YOU CLICK THIS TO SHOW/HIDE</a>

      <div class="toggle">

        <p>CONTENT TO SHOW/HIDE</p>

      </div>

  </li>

</ul>

采用


javascript:void(0);


查看完整回答
反對 回復 2019-10-08
  • 4 回答
  • 0 關注
  • 686 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號