.on() और यहाँ एक साथ काम करने

Question

त्वरित सवाल लोगों टॉगल, मैं इस

$('#wrap').on('toggle', '#image', function(){ 
    <!-- Do stuff --> 
    }); 

इसके अंदर एक टॉगल करने के लिए सक्षम होने के लिए प्राप्त करने के लिए नहीं कर सकते लगता है? कोई विचार? मैंने googling कोशिश की है लेकिन कोई भाग्य के साथ।

इस

, कोड मैं .on के साथ काम करने की कोशिश कर रहा हूँ वर्तमान में यह तत्व पुत्र पेज, के सभी

$("#result_options").toggle(function() { 
     var image_width = $('#image').width()/2; 
     var brick_width = $('#brick').width()/2; 
     $("#image").css("width",image_width); 
     $("#image").css("padding","4px"); 
     $("#brick").css("width",brick_width); 
    },function(){ 
     $("#image").css("width","300"); 
     $("#image").css("padding","8px"); 
     $("#brick").css("width","314"); 
     $(this).html("Smaller Results"); 
    }); 
}); 

(#image और #brick है) में परिवर्तन लागू नहीं होता है के रूप में

Answer 1

आपको जिस समस्या का सामना करना पड़ रहा है वह यह है कि toggle ईवेंट नहीं है; toggle() एक jQuery विधि है। एक toggle() को लागू करने के लिए, on() साथ मुझे लगता है कि आप परीक्षण करने के लिए है कि क्या कुछ चालू किए जाने पर किया गया है, या टॉगल बंद/नहीं-टॉगल

एक click घटना है, और फिर एक if बयान उपयोग करने की आवश्यकता होगी

$('#wrap').on('click', '#image', function(){ 
    if (!$(this).attr('data-toggled') || $(this).attr('data-toggled') == 'off'){ 
     /* currently it's not been toggled, or it's been toggled to the 'off' state, 
      so now toggle to the 'on' state: */ 
      $(this).attr('data-toggled','on'); 
      // and do something... 
    } 
    else if ($(this).attr('data-toggled') == 'on'){ 
     /* currently it has been toggled, and toggled to the 'on' state, 
      so now turn off: */ 
      $(this).attr('data-toggled','off'); 
      // and do, or undo, something... 
    } 
});