第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

多功能 jQuery onClick 調(diào)用腳本

多功能 jQuery onClick 調(diào)用腳本

茅侃侃 2021-12-02 19:11:27
經(jīng)過大量的研究和測試,我拼湊了幾個片段以達到幾乎 100% 的效果,這要歸功于多篇 Stack 文章(例如如何單擊以顯示和單擊以調(diào)用?)。給定多個容器,如圖所示:<div class="entry-details">    <p class="phone">+18885551212,,,111</p>    <p class="address">111 Any Street, Anytown, NY 10010, USA</p>    <p class="time">11:00 to 08:00</p></div><div class="entry-details">    <p class="phone">+18885551212,,,222</p>    <p class="address">222 Any Street, Anytown, NY 10010, USA</p>    <p class="time">11:00 to 08:00</p></div><div class="entry-details">    <p class="phone">+18885551212,,,333</p>    <p class="address">333 Any Street, Anytown, NY 10010, USA</p>    <p class="time">11:00 to 08:00</p></div><div class="entry-details">    <p class="phone">+16665551200</p>    <p class="address">444 Any Street, Anytown, NY 10010, USA</p>    <p class="time">11:00 to 08:00</p></div>onClick 的目標是:將 p.phone 字段文本復(fù)制到 href;用 href tel 標簽包裹 p.phone 字段;將 p.phone 內(nèi)容替換為“點擊通話”;單擊時,如果存在逗號和擴展名,則顯示格式為 # + ext(例如 888-555-1212 Ext 222)的數(shù)字,否則顯示標準電話(例如 888-555-1212)。最后,撥打 # 包括停頓(逗號);我為最后一段編寫了另一個函數(shù)(更改 Click to Call on click),但是它沒有用單擊時,它更改了 .phone 的所有實例。
查看完整描述

2 回答

?
慕田峪7331174

TA貢獻1828條經(jīng)驗 獲得超13個贊

我認為您已經(jīng)在單擊時替換了所有 .phone,因為您使用了全局選擇器。嘗試將事件綁定到每個鏈接,或者您可以在 .phone-link 選擇器上使用實時偵聽器。


jQuery(function($) {


  var formatPhone = function(tel) {

    // format should be here

    return tel;

  }


  // replace in a single loop

  // without wrapping

  $('.phone').each(function() {

    var $this = $(this);

    var tel = $this.text();

    var $link = $('<a class="phone-link" href="tel:'+tel+'">Click to Call</a>')

      .on('click', function(ev) {

        ev.preventDefault();

        $(this).text(formatPhone(tel));

      });


    $this.empty().append($link);

  });

});

帶有現(xiàn)場聽眾的示例


$(document).on('click', '.phone-link', function(ev) {

    ev.preventDefault();

    var $this = $(this);

    $this.text(formatPhone( $this.attr('href') ));

});


查看完整回答
反對 回復(fù) 2021-12-02
?
心有法竹

TA貢獻1866條經(jīng)驗 獲得超5個贊

我對“點擊通話”和“實際電話號碼”之間的預(yù)期切換感到有些困惑。請讓我知道它是否符合目的或需要更多更改


jQuery(document).ready(function($) {

        $(".phone").on("click",function(event){

          if(!$(event.target).hasClass("phone-link") ){

            var phoneLink = $(this).text();

            $(this).wrapInner('<a class="phone-link" href=""></a>');

            $(this).find("a.phone-link").attr('href','tel:' + phoneLink).text('Click to Call');

          }

        

        });

}); 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div class="entry-details">

    <p class="phone">+18885551212,,,111</p>

    <p class="address">111 Any Street, Anytown, NY 10010, USA</p>

    <p class="time">11:00 to 08:00</p>

</div>


<div class="entry-details">

    <p class="phone">+18885551212,,,222</p>

    <p class="address">222 Any Street, Anytown, NY 10010, USA</p>

    <p class="time">11:00 to 08:00</p>

</div>


<div class="entry-details">

    <p class="phone">+18885551212,,,333</p>

    <p class="address">333 Any Street, Anytown, NY 10010, USA</p>

    <p class="time">11:00 to 08:00</p>

</div>


<div class="entry-details">

    <p class="phone">+16665551200</p>

    <p class="address">444 Any Street, Anytown, NY 10010, USA</p>

    <p class="time">11:00 to 08:00</p>

</div>


查看完整回答
反對 回復(fù) 2021-12-02
  • 2 回答
  • 0 關(guān)注
  • 231 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號