क्या HTML5 में एकाधिक डेटा- {name} एट्रिब्यूट होना संभव है?

Question

क्या इस तत्व से सभी 3 डेटा मान प्राप्त करने का कोई तरीका है?

<div id="viewport" 
    data-requires='js/base/paths' 
    data-requires='js/base/dialog' 
    data-requires='js/base/notifier'> 

यह एक प्रोजेक्ट के लिए वास्तव में उपयोगी होगा जो मैं शुरू कर रहा हूं। इसके साथ मैं आवश्यक जेएस मॉड्यूल लोड कर सकता हूं और उन्हें डोम से जोड़ सकता हूं। मुझे पता है कि यह अजीब लग सकता है, लेकिन मैं यहां कुछ नया करने की कोशिश कर रहा हूं।

Answer 1

यदि आप उन्हें किसी चीज़ से अलग करते हैं तो उन्हें एक-दूसरे में डाल सकते हैं और उन्हें एक ऐरे में डाल दें।

// oops here's plain JS 
var arrayData = document.getElementById('viewport').getAttribute('data-requries'); 
var arr = arrayData.split(','); 

for (i = 0; i < arr.length; i++) { 
    console.log(arr[i]); 
} 

http://jsfiddle.net/S7D2D/1/

Answer 2

अपने प्रश्न का उत्तर है कि HTML एक ही संपत्ति के कई उदाहरण का समर्थन नहीं करता है। सभी विशिष्ट तरीकों से आप उस विशेषता को पुनर्प्राप्त कर सकते हैं केवल तीन में से एक को पुनर्प्राप्त करेंगे।

इस समस्या को हल करने का सामान्य तरीका विशेषता के एक उदाहरण का उपयोग करना और मान के रूप में कई पथ डालना है। पथों के लिए, वे आम तौर पर अर्ध-कॉलन से अलग होते हैं।

<div id="viewport" data-requires='js/base/paths;js/base/dialog;js/base/notifier'> 

और फिर, सरणी में बहु-मूल्यवान विशेषता को तोड़ने के लिए कोड का उपयोग करें।

var requiredPaths = document.getElementById("viewport").getAttribute("data-requires").split(";"); 

Answer 3

आप data- विशेषताओं के भीतर अधिक जटिल संरचनाओं का उपयोग कर सकते हैं।

इसके बजाय इस बात का

:

<div id="viewport" 
data-requires='js/base/paths' 
data-requires='js/base/dialog' 
data-requires='js/base/notifier'> 

आप यह कर सकते हैं:

<div id="viewport" 
data-requires='["js/base/paths", "js/base/dialog", "js/base/notifier"]'> 
</div> 

सबूत jQuery.data() का उपयोग कर (जो सिर्फ सरणी इस तरह से पुन: प्राप्त करता: jQuery('#viewport').data('requires')) यहाँ है: http://jsfiddle.net/3StZs/