IE और JSFiddle

Question

के साथ elem.dataset का उपयोग करने में समस्या इस JSFiddle में मैंने क्रोम पर बनाया है, मुझे लगता है कि यह IE पर काम करने में असमर्थ है (मैं IE9 का उपयोग कर रहा हूं)। इस के लिए कोई कारण: http://jsfiddle.net/ZSB67/।

var backImage = [ 
    "http://alm7.wikispaces.com/file/view/RedBackground.bmp/144018347/RedBackground.bmp", 
    "http://www.time2man-up.com/wp-content/uploads/2011/07/black-background.jpg", 
    "http://1.bp.blogspot.com/--GorNQoEUxg/TfWPyckVeMI/AAAAAAAAAHk/0208KqQf3ds/s1600/yellow_background.jpg", 
    "" 
    ]; 

function changeBGImage(whichImage) { 
    if (document.body) { 
     document.body.style.background = "url(\"" + backImage[whichImage] + "\")"; 
    } 
} 
var buttons = document.querySelectorAll('.bg_swap'), 
    button; 

for (var i = 0; i < buttons.length; i++) { 
    button = buttons[i]; 
    button.onclick = function() { 
     changeBGImage(this.dataset.index); 
    }; 
} 

Answer 1

आईई elem.dataset का समर्थन नहीं करता क्या कर सकते हैं। आपको स्पष्ट रूप से विशेषता प्राप्त करने की आवश्यकता होगी: http://jsfiddle.net/ZSB67/1/।

changeBGImage(this.getAttribute('data-index')); 

भविष्य में, आप F12 दबाने और त्रुटियों के लिए कंसोल पर देख रहे हैं चाहते हो सकता है, क्योंकि यह कहा है कि समस्या क्या यहाँ पैदा कर रहा था।

Answer 2

dataset आईई में अपरिभाषित प्रतीत होता है। यह शायद इस मुद्दे का प्रमुख स्रोत है। बाकी सब कुछ IE9 64 बिट पर ठीक काम करता है।

तुम बस कि राज्य स्थानीय रूप से संग्रहीत कर सकता है जे एस में:

for (var i = 0; i < buttons.length; i++) 
    register(i) 

function register(i){ 
    button = buttons[i]; 
    button.onclick = function() { 
     changeBGImage(i); 
    }; 
} 

या आप एक देखने

for (var i = 0; i < buttons.length; i++) 
    button = buttons[i]; 
    button.onclick = function() { 
     changeBGImage(this.getAttribute('data-index')); 
    }; 
} 

Answer 3

this.dataset.index आईई पर काम नहीं करता है। this.getAttribute("data-index") का उपयोग करने का प्रयास करें।

Answer 4

Jquery में data() विधि है जो आईई संस्करण में परीक्षण करता है जो मैंने परीक्षण किया है (IE8 और IE10)।

प्रलेखन यहाँ देखें:

http://api.jquery.com/data/

Answer 5

कारण है कि dataset संपत्ति IE के पुराने संस्करणों (वास्तव में छोड़कर IE11 + उन सभी को) द्वारा मान्यता प्राप्त नहीं है तथ्य यह है कि यह एचटीएमएल 5 में शुरू किया गया था जो वे संस्करण केवल आंशिक रूप से इसका समर्थन या समर्थन नहीं करते हैं।

आदेश में इस संपत्ति का मूल्य प्राप्त करने के लिए, एक शुद्ध js तरह

changeBGImage(this.attributes.getNamedItem("data-index").value) 

या सरल getAttribute() विधि का उपयोग कर का उपयोग कर सकते हैं:

changeBGImage(this.getAttribute("data-index")) 

या jQuery (v 1.2.3+):

$(".bg_swap").click(function(){ 
    changeBGImage($(this).data("index")); 
})