सुनिश्चित करें कि इस के लिए एक स्पष्ट उत्तर है लेकिन मुझे यह नहीं पता है। मैं JQuery .load()
का उपयोग कर गतिशील रूप से एक पृष्ठ लोड कर रहा हूं "लोड" पृष्ठ पर फॉर्म तत्वों के साथ एक फॉर्म है उदा। input type="number"
(एचटीएमएल 5)। (बस toggle()
) तत्वों रहने के "सच" इसी तरह अगर मैं जोड़ने toggle('slow')
प्रपत्र तत्व हमेशा वापस लौटने -JQuery स्लाइड टॉगल समस्याएं
वहाँ किसी भी कारण है कि अगर मैं slideToggle() प्रपत्र प्रपत्र तत्व हमेशा वापस input type="text"
पर वापस लौटने के लिए अभी तक अगर मैं toggle()
है input type="text"
ठीक है। "पृष्ठ 1" पर HTML कोड इस तरह दिखता है:
<form method="post" id="frmcreate">
<ol></ol>
<input type="submit" id="testit" />
</form>
इसे इस तरह इस में लोड किया जाता है - हां दस्तावेज़ तैयार() आदि
$('ul#fieldtypes li a').click(function(){
var id_timestamp = new Date().getTime();
var id = $('.inputlength').length;
$("#frmcreate ol").append('<li id='+id_timestamp+' class="inputlength"></li>');
$('#'+id_timestamp).load('test1.php?y='+id);
return false;
});
यह फार्म कि भरी हुई है है
Type <input type="text" name="fieldmeta<?php echo $y; ?>[type]" /> <?php echo $error; ?>
<br/>
Name <input type="text" name="fieldmeta<?php echo $y; ?>[name]" value="<?php echo $y; ?>" /> <?php echo $error; ?>
<br/>
<div class="optoggle">OPTIONS</div>
ये "विकल्प" एक अन्य पेज से लोड कर रहे हैं:
<li>Cols<input type="number" name="fieldmeta<?php echo $y; ?>[cols]" /> <?php echo $error; ?></li>
<li>Rows<input type="number" name="fieldmeta<?php echo $y; ?>[rows]" /> <?php echo $error; ?></li>
<li>Size<input type="number" name="fieldmeta<?php echo $y; ?>[size]" /> <?php echo $error; ?></li>
वे इस तरह लोड किए गए हैं:
$('.optoggle').live('click',function(){
$(this).next('div').toggle();
});
क्या आपने इस व्यवहार को विभिन्न ब्राउज़रों में देखा है? क्या यह वही है? – kubum
हां, लेकिन अब "डबल चेकिंग" –
रुचि रखने वालों के लिए डेमो: http://www.jsfiddle.net/KmMBd/ – Matt