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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

jQuery 檢查點(diǎn)擊 if/else

jQuery 檢查點(diǎn)擊 if/else

蕪湖不蕪 2021-11-12 18:28:08
我正在嘗試檢查是否單擊了 id。如果是做某事,否則做其他事。else 部分正在工作,但點(diǎn)擊部分似乎沒有。$(document).ready(function() {  $("#rotators").click(function() {    $(this).data('clicked', true);  });  if ($('#rotators').data('clicked')) {    $("#rotators").css({      "overflow": "auto"    });    $("#rotators").css({      "height": "auto"    });  } else {    setInterval(function() {      if ($("#rotatelist > a:last").is(":visible")) {        $("#rotatelist a:last").after($("#rotatelist a:first"));        $("#rotators").css({          "overflow": "hidden"        });        $("#rotators").css({          "height": "30px"        });      }    }, 500);  }});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div id="rotators">  <span id="rotatelist"><a href="#">solutions</a><a href="#">film</a><a href="#">seo</a><a href="#">pr</a><a href="#">web development</a><a href="#">marketing</a></span></div>它的小提琴在這里。它不會(huì)引發(fā)錯(cuò)誤,但單擊檢查不起作用。https://jsfiddle.net/cetx8vaL/編輯:根據(jù)(優(yōu)秀的)反饋,我將解釋我的目標(biāo)。我希望每個(gè)元素一次“旋轉(zhuǎn)”一個(gè),但是,如果單擊 #rotators,我希望它停止旋轉(zhuǎn)并將所有元素顯示為垂直列表。
查看完整描述

1 回答

?
一只萌萌小番薯

TA貢獻(xiàn)1795條經(jīng)驗(yàn) 獲得超7個(gè)贊

看起來(lái)您需要if ($('#rotators').data('clicked')) {在setInterval函數(shù)內(nèi)部移動(dòng)塊。這樣做的原因是 if/else 在頁(yè)面加載時(shí)被評(píng)估,因此它會(huì)立即被評(píng)估,$('#rotators').data('clicked') === undefined并因此setInterval永久觸發(fā)該函數(shù)。


如果您在setInterval函數(shù)內(nèi)移動(dòng) if/else 子句,它將每 500 毫秒檢查一次該元素是否已被單擊。


下面的代碼似乎實(shí)現(xiàn)了你想要的:


$(document).ready(function() {


$("#rotators").click(function() {

    $(this).data('clicked', true);

});


setInterval(function() {

    if ($('#rotators').data('clicked')) 

    {

        $("#rotators").css({

                            "overflow": "auto"

        });

        $("#rotators").css({

                            "height": "auto"

        });

    } 

    else if ($("#rotatelist > a:last").is(":visible")) 

    {

        $("#rotatelist a:last").after($("#rotatelist a:first"));

        $("#rotators").css({

                            "overflow": "hidden"

        });

        $("#rotators").css({

                            "height": "30px"

        });

    }

}, 500);


});

正如羅里在評(píng)論中所說(shuō)


事實(shí)上,如果你在問(wèn)題中描述你的目標(biāo)可能會(huì)更容易,因?yàn)槲掖_信有更好的方法來(lái)實(shí)現(xiàn)它


您的問(wèn)題可能是XY 問(wèn)題的一個(gè)示例- 可能值得解釋您嘗試使用上述代碼實(shí)現(xiàn)的目標(biāo)。無(wú)論哪種方式,我希望我的回答對(duì)您的理解有所幫助。


編輯:在看到您想要的目標(biāo)后,這是您正在尋找的事情嗎:使列表垂直?https://jsfiddle.net/0kn72ofp/


目前您的鏈接列表不會(huì)一次旋轉(zhuǎn)一個(gè),它似乎一次移動(dòng)幾個(gè)字符。如果您希望它一次旋轉(zhuǎn)一個(gè)鏈接,我建議您查看 jQuery UI 的 Slide 或 slideToggle 效果之類的東西。


查看完整回答
反對(duì) 回復(fù) 2021-11-12
  • 1 回答
  • 0 關(guān)注
  • 197 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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