Hangi veri-calc-tipi anlamına gelir?

Question

Düğme türü hakkında bir sorum var. Bu kodda hangi veri-geçişi anlamına gelir?

<label for="x">x: </label><input id="x" type="number" placeholder="0"/> 
<label for="y">y: </label><input id="y" type="number" placeholder="0"/> 
<label for="z">z: </label><input id="z" type="number" placeholder="0"/> 

<div id="calculations"> 
    <button data-calc-type="area">Pole</button> 
    <button data-calc-type="circuit">Obwód</button> 
    <button data-calc-type="volume">Objetość</button> 
</div> 

<p>Wynik: <span id="result"></span></p> 

Answer 1

data- * özniteliği çok düzgün. Verileri depolamanıza izin verir, böylece betiğinize başvurabilirsiniz.

Örnek: Sayfanızda çok sayıda düğmeniz var. Tüm düğmeler farklı eylemler yapar. Birçok işlevi çağırmak yerine, veri niteliğine ve işlem verilerine uygun bir işlevi çağırabilirsiniz.

if ($('#button_ID').attr('data-*') == "this attribute"){ //do something}