2012-02-08 14 views
7

इम बाँध - http://wiki.jqueryui.com/w/page/12138056/SelectmenujQuery यूआई Selectmenu घटनाओं JQuery यूआई Selectmenu विजेट का उपयोग

इम परिवर्तन घटना बाध्य करने के लिए कोशिश कर रहा। लेकिन यह काम नहीं करता है:

$(function() { 
    $('select#items').selectmenu(); 
    $('select#items').bind("change",function(){ 
    alert('x'); 
    }); 
}); 

कोई विचार?

उत्तर

13

मुझे एक उत्तर मिला। तो यहाँ यह है:

$(function() {  
     $('#items').selectmenu({ 
      change: function() { 
       alert('x'); 
      } 
     }); 
}); 
+0

यह भी बाद में एक onchange व्यवहार को जोड़ने के लिए, के बाद संभव है selectmenu शुरू किया गया है। बस उन आइटमों का चयन करें जिनमें selectmenu व्यवहार है और परिवर्तन संपत्ति को संपादित करें उदा। '$ ('# आइटम')। बदलें (फ़ंक्शन() {...})' – berliner

+0

@berliner यह समाधान मेरे लिए काम नहीं करता है ... पृष्ठ खोलते समय केवल आपके समाधान को उछालता है .. नहीं बदलते समय दो साल बाद चुनें .. – Maxbester

+0

... क्या यह एकमात्र समाधान है? मेरी परियोजना में मौजूदा परिवर्तन() - घटना के साथ चयन बॉक्स हैं और सभी selectmenu के साथ काम नहीं कर रहे हैं। – user706420

10

चूंकि यह गूगल पर पहले आया और मुझसे जवाब मैं खोज रहा था नहीं दिया, jQuery ui कोड इसे शुरू में चयन मेनू सेट करने के बाद किया जा सकता है को देखा होने , selectmenuchange घटना के लिए नीचे बाध्यकारी। वैसे भी मेरे लिए काम किया।

$('#items').selectmenu(); 

$('#items').on('selectmenuchange',function() { 

    alert("hello world"); 

}); 
1

मैं बस इसके बारे में अपने बालों को खींच रहा था और इसे करने का एक आसान तरीका पता लगाया। परिवर्तन घटना को ट्रिगर करने के लिए आपको मूल रूप से selectmenu को बताना होगा।

आप सेटअप अपने selectmenu तो जैसे करीब विधि का उपयोग करते:

//Set select box to jQuery UI selectmenu 
$('select').selectmenu({ 
    close: function(event, ui){ 
     //Fire change event 
     $(this).change(); 
    } 
}); 

तो इस तरह से अपनी परिवर्तन घटना को परिभाषित:

$('#container').on('change', 'select', function(e){ 
    alert('x'); 
}); 
संबंधित मुद्दे