2010-01-08 13 views
8

jQuery UI में, "UI" ऑब्जेक्ट का प्रकार/सामग्री ईवेंट विधियों के कॉलबैक फ़ंक्शन पर पास की गई है, और मैं इसका उपयोग कैसे करूं?"UI" ऑब्जेक्ट के लिए jQuery UI ऑब्जेक्ट प्रकार कॉलबैक फ़ंक्शन पर पास किया गया है?

उदाहरण के लिए, "selectable" डेमो, घटना "selected" दो पैरा पास हो जाती है। "घटना" और "यूआई"। मैं इस प्रकार के रूप में उपयोग करने के लिए कोशिश कर रहा हूँ:

$("#selectable").selectable({ 
     selected: function(event, ui) { 
     $(ui).find("input").attr('checked', true); 
     } 
    }); 

(यहाँ एचटीएमएल :)

<ol id="selectable"> 
    <li class="ui-state-default"><input type="checkbox" value="1" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="2" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="3" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="4" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="5" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="6" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="7" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="8" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="9" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="10" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="11" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="12" /></li> 
</ol> 

है लेकिन यह काम नहीं कर रहा। मैं क्या गलत कर रहा हूं? मैं यह सोचते हैं रहा है कि ui परम एक वस्तु "ली" है कि चयन किया जाता है का प्रतिनिधित्व करने के लिए सेट है, लेकिन जब मैं कोशिश करते हैं और इसका इस्तेमाल करते हैं यह मामला हो प्रतीत नहीं होता है ...

Example (edit example)

+0

क्या आपने कोशिश की है कि यह $ (event.target) .find ("input") के साथ काम करता है? – Daff

+0

यह घटना का वास्तविक लक्ष्य न केवल सब कुछ चुनता है। अजीब ... – cmcculloh

उत्तर

13

जो मैं समझता हूं, (और यह सिर्फ अवलोकन और मेरी अविश्वसनीय शक्तियों से नहीं है :: खांसी, खांसी :: अनुमान की) ui उन तत्वों का संग्रह या संग्रह है जो उपयोगकर्ता इंटरफ़ेस के भीतर कार्यरत हैं। उन्हें एक्सेस करने के लिए, आपको ऑब्जेक्ट को पूरी तरह से चुनने के बजाय, जिसे आप उपयोग करना चाहते हैं उसे चुनने की आवश्यकता है। उदाहरण के लिए। ड्रॉपपैबल में, यह ui.draggable या ui.droppable है। आपके उदाहरण में, ui.selected क्या काम करेगा।

$("#selectable").selectable({ 
    selected: function(event, ui) { 
     $(ui.selected).find("input").attr('checked', true); 
    } 
}); 

आशा है कि आपके प्रश्न का उत्तर दें।

+0

बिल्कुल! आपको बहुत - बहुत धन्यवाद! एक जादू की तरह काम किया! कभी नहीं पता होगा कि बाहर ... – cmcculloh

+0

:: खांसी खांसी :: - शानदार! – digout