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

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

字體大小更改 onclick 超過(guò) div

字體大小更改 onclick 超過(guò) div

狐的傳說(shuō) 2022-06-16 16:38:01
我有 10 個(gè) div,當(dāng)任何人單擊任何 div 然后單擊增量按鈕時(shí),該 div 的字體大小應(yīng)該會(huì)增加。它適用于單個(gè) div。但我需要不止一個(gè) div。當(dāng)我刪除 getDate() 時(shí),它適用于一個(gè) div。我必須單擊 div,然后單擊增量或減量標(biāo)簽。然后該 div 的字體大小應(yīng)該是增量或減量。function getDate(e) {  var originalSize = $('#' + e).css('font-size');}$(document).ready(function() {  //var originalSize = $('div').css('font-size');       $('#linkIncrease').click(function() {    modifyFontSize('increase');  });  $('#linkDecrease').click(function() {    modifyFontSize('decrease');  });  $('#linkReset').click(function() {    modifyFontSize('reset');  })  function modifyFontSize(flag) {    var divElement = $('#divContent');    var currentFontSize = parseInt(divElement.css('font-size'));    if (flag == 'increase')      currentFontSize += 1;    else if (flag == 'decrease')      currentFontSize -= 1;    else      currentFontSize = 16;    divElement.css('font-size', currentFontSize);  }});.divClass {  font-size: 12px;  padding: 10px;}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><a id="linkIncrease" href="#"><b>+</b></a><a id="linkDecrease" href="#"><b>-</b></a><a id="linkReset" href="#"> <b>X</b></a><br /> <br /><div id="divContent" class="divClass" onClick="getDate(this.id);"> Hello </div><br><div id="divContent1" class="divClass" onClick="getDate(this.id);"> Hello </div>
查看完整描述

2 回答

?
ABOUTYOU

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

僅增加 CLICKED div 的版本


它將div本身的原始大小保存在數(shù)據(jù)屬性中


如果在點(diǎn)擊加號(hào)或減號(hào)之前沒(méi)有點(diǎn)擊任何內(nèi)容,我也會(huì)退出


let divElement;


function modifyFontSize(flag) {

  let $divElement = $("#" + divElement);

  if ($divElement.length === 0) console.log("Nothing selected")

  let currentFontSize = parseInt($divElement.css('font-size'));


  if (flag == 'increase')

    currentFontSize += 1;

  else if (flag == 'decrease')

    currentFontSize -= 1;

  else

    currentFontSize = $divElement.data("orgSize") || 16;


  $divElement.css('font-size', currentFontSize);

}


$(document).ready(function() {

  $(".divClass").on("click", function() {

    divElement = this.id;

    if (!$(this).data("orgSize")) $(this).data("orgSize", $(this).css('font-size'))

  })

  $('#linkIncrease').click(function() {

    modifyFontSize('increase');

  });


  $('#linkDecrease').click(function() {

    modifyFontSize('decrease');

  });


  $('#linkReset').click(function() {

    modifyFontSize('reset');

  })


});

.divClass {

  font-size: 12px;

  padding: 10px;

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


<a id="linkIncrease" href="#"><b>+</b></a>


<a id="linkDecrease" href="#"><b>-</b></a>


<a id="linkReset" href="#"> <b>X</b></a>


<br /> <br />

<div id="divContent" class="divClass"> Hello </div>

<br>

<div id="divContent1" class="divClass"> Hello </div>


查看完整回答
反對(duì) 回復(fù) 2022-06-16
?
白衣染霜花

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

嘗試這個(gè),


let divId = '';


function getDate(e) {

  var originalSize = $('#' + e).css('font-size');

  divId = e;

}


$(document).ready(function() {

  //var originalSize = $('div').css('font-size');     


  $('#linkIncrease').click(function() {

    modifyFontSize('increase');

  });


  $('#linkDecrease').click(function() {

    modifyFontSize('decrease');

  });


  $('#linkReset').click(function() {

    modifyFontSize('reset');

  })


  function modifyFontSize(flag) {

    

    var divElement = $(`#${divId}`);

    var currentFontSize = parseInt(divElement.css('font-size'));


    if (flag == 'increase')

      currentFontSize += 1;

    else if (flag == 'decrease')

      currentFontSize -= 1;

    else

      currentFontSize = 16;


    divElement.css('font-size', currentFontSize);

  }

});

.divClass {

  font-size: 12px;

  padding: 10px;

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


<a id="linkIncrease" href="#"><b>+</b></a>


<a id="linkDecrease" href="#"><b>-</b></a>


<a id="linkReset" href="#"> <b>X</b></a>


<br /> <br />

<div id="divContent" class="divClass" onClick="getDate(this.id);"> Hello </div>

<br>

<div id="divContent1" class="divClass" onClick="getDate(this.id);"> Hello </div>


當(dāng)調(diào)用函數(shù) getDate() 時(shí),我添加了一個(gè)變量“divId”來(lái)存儲(chǔ)選定的 div。然后我只對(duì)那個(gè) div 應(yīng)用字體大小。


查看完整回答
反對(duì) 回復(fù) 2022-06-16
  • 2 回答
  • 0 關(guān)注
  • 141 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(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)