/ / कस्टम सीएसएस गुण या HTML विशेषताएँ? - jquery, html, सीएसएस

कस्टम सीएसएस गुण या एचटीएमएल विशेषताएँ? - jquery, एचटीएमएल, सीएसएस

मैं लंबन स्क्रॉलिंग के साथ प्रयोग कर रहा हूं, और मैं कुछ ऐसा करना चाहता हूं:

$(".page").each(function() {
$(this).css("background-position",
"center " + ((window.pageYOffset - $(this).offset().top) /
$(this).css("speed")) + "px");
});

जहां गति एक विशेषता है जिसे विशिष्ट आइटम को सौंपा गया है जो स्क्रॉलिंग के दौरान किसी आइटम की गति को नियंत्रित करता है। तो मेरे पास कुछ ऐसा होगा:

#item { speed: 4; }

तथा

<div name="item" class="page"></div>

मैं समझता हूं कि यह संभव नहीं है CSS। एचटीएमएल 5 कस्टम विशेषताओं का समर्थन करता है, लेकिन मैं तत्व के बारे में अन्य जानकारी के साथ इन चीजों को सिर में कहीं और घोषित करता हूं।
यह कैसे करना है पर कोई सिफारिशें?

धन्यवाद!

उत्तर:

जवाब के लिए 2 № 1

आप CSS के साथ ऐसा नहीं कर सकते। लेकिन आप एचटीएमएल 5 कस्टम विशेषताओं का उपयोग कर सकते हैं, और यदि आप हेडर में सब कुछ घोषित करना चाहते हैं, जैसा कि आपने अपने प्रश्न में कहा था, तो आप डेटा को तत्वों के साथ बाँधने के लिए jQuery की स्वयं की विधि का उपयोग कर सकते हैं:

$(document).ready( function(){
$.data(selector,"speed",5);
alert($.data(selector,"speed")); //this will alert 5 now
});

डॉक्स यहां हैं: http://api.jquery.com/jQuery.data/

और यह भी काम करना चाहिए: http://api.jquery.com/data/ - कोड यहां कुछ अलग दिखेगा:

$(document).ready( function(){
$(selector).data("speed",5);
alert($(selector).data("speed")); //this will alert 5 now
});

आशा है कि मदद करता है।


उत्तर № 2 के लिए 1

HTML5 कस्टम के साथ data- विशेषता:

<div name="item" class="page" data-speed="4"></div>

JQuery का उपयोग करना data() आपके पाश में विधि:

parseInt($(this).data("speed"), 10);