2011-10-20 16 views
27

के साथ div कैसे बनाएं I मैं एक div बनाने और उसे कक्षा देने की कोशिश कर रहा हूं लेकिन यह काम नहीं करता है। क्या कोई मेरी मदद कर सकता है?कक्षा

$(document).ready(function() { 
$('input[type=checkbox]').each(function() { 
    $(this).after($('<div />', { 
     className: 'test', 
     text: "a div", 
     click: function(e){ 
      e.preventDefault(); 
      alert("test") 
     }})); 
    }); 
}); 

सीएसएस:

.test { 
    width:200px; 
    height:200px; 
    background-color:#eeeeee; 
    } 

पल में वह div बनाता है लेकिन रंग #eeeeee नहीं है

+0

भी एचटीएमएल प्रदान करें ... – Luke

उत्तर

44

उपयोग "वर्ग" के बजाय class बजाय className

$('<div />', { 
     "class": 'test', 
     text: "a div", 
     click: function(e){ 
      e.preventDefault(); 
      alert("test") 
     }}) 
+3

यह आईई में काम करता है क्योंकि आपने वर्ग को एक स्ट्रिंग अक्षर बनाया है। –

+2

बहुत उपयोगी धन्यवाद! लेकिन इसके लिए प्रलेखन कहां है? मुझे इसे कहीं भी नहीं मिला –

2

कोशिश className

+0

मैं इसे करने की कोशिश की है, लेकिन यह काम dosnt !? – fteinz

+0

मेरे लिए काम करता है। http://jsfiddle.net/mpaW4/ –

+0

मैं एक आई 7 ब्राउज़र पर बैठता हूं यह संभव है कि च .... यानी उचित है। – fteinz

6
$(document).ready(function() { 
$('input[type=checkbox]').each(function() { 
    $(this).after($('<div />', { 
     class: 'test', 
     text: "a div", 
     click: function(e){ 
      e.preventDefault(); 
      alert("test") 
     }})); 
    }); 
}); 

http://jsfiddle.net/yF9pA/1/

+0

मैंने कोशिश की है लेकिन यह मेरे लिए काम नहीं करता है। क्या यह संभव है कि आईई 7 उचित है। – fteinz

+0

कॉर्नेलियू के उत्तर को देखने का प्रयास करें, यह कक्षा को एक स्ट्रिंग अक्षर का श्रेय देता है जो यानी समस्याओं को ठीक करना चाहिए। –

+0

बेहतर उपयोग उद्धरण - 'कक्षा': 'परीक्षण'। becouse क्लास कुछ IE संस्करणों में पुनर्विक्रेता शब्द है। – Levsha

3
$('input[type=checkbox]').each(function() { 

$(this).after('<div></div>').addClass('test') 
    .filter('div').html('a div') 
.click(function() { 
    alert('Handler for .click() called.'); 
}).end() 
.appendTo('this'); 

}); 

काम करना चाहिए :)

4
$('<div>', { 'class': 'your_class' }) 
       .load('HTML Structure', CallBackFunction()) 
       .appendTo(document.body);