6

मैं प्लेसहोल्डर के सीमा रंग को सफलतापूर्वक बदल सकता हूं, लेकिन जब मैं पृष्ठभूमि रंग बदलता हूं, तो कुछ भी नहीं होता है।jquery ui sortable प्लेसहोल्डर पृष्ठभूमि रंग नहीं बदल सकता

यह jsfiddle कोड सबसे अच्छा यह बताते हैं: http://jsfiddle.net/EUVrK/1/

उत्तर

8

के अनुसार jQuery UI Sortable Documentation आप प्लेसहोल्डर के लिए एक सीएसएस वर्ग प्रदान कर सकते हैं। आप इस वर्ग में पृष्ठभूमि निर्दिष्ट करने में सक्षम होना चाहिए।

प्लेसहोल्डर और फोर्स प्लेसहोल्डर आकार का उपयोग करके, यह एक आकर्षण की तरह काम करता है। मैंने jsfiddle link

अपडेट किया है जो मदद करता है।

+1

समय देने के p0wl मदद करने के लिए के लिए धन्यवाद। यह समाधान वास्तव में काम करता है। हालांकि यह एक अलग कोड लेआउट/संरचना का उपयोग करता है जो मैं बाद में था, यानी: इसे स्टाइल को सीएसएस वर्ग में अलग करने और फोरप्लेसहोल्डर आकार के साथ चौड़ाई पैरामीटर को विरासत में रखने की आवश्यकता होती है। निश्चित रूप से, यह चाल है, लेकिन मेरे अन्य उत्तर (आईआरसी पर किसी और की सौजन्य) में उल्लिखित समाधान केवल मूल प्रश्न में कोड में जोड़ने के लिए jQuery कोड की एक अतिरिक्त पंक्ति की आवश्यकता है। यह काफी सुरुचिपूर्ण है। शायद आपको यह भी उपयोगी लगता है? वैसे भी धन्यवाद :) –

+0

आप काफी सही हैं, लेकिन यह दृष्टिकोण के बिंदु पर निर्भर करता है। मैं जावास्क्रिप्ट और सीएसएस के बीच अलग करना पसंद करता हूं। हालांकि jquery-ui के मानक पैरामीटर के उपयोग के फायदे हो सकते हैं (उदाहरण के लिए एक विधि विधि का उपयोग करके इसे पढ़ें)। – p0wl

+0

हाँ जावास्क्रिप्ट और सीएसएस को आपके द्वारा किए गए तरीके से अलग करना निश्चित रूप से बेहतर अभ्यास है। इस प्रकार, मैं आपके उत्तर को सही के रूप में वोट करने जा रहा हूं (क्योंकि प्रश्न का शीर्षक ui.placeholder के निम्न-स्तरीय tweaking का कोई संदर्भ नहीं देता है)। –

2

मुझे irc.freenode पर किसी मित्र से कुछ मदद मिली जिसने निम्नलिखित समाधान का सुझाव दिया जो चाल करता है।

ui.placeholder.css("visibility", "visible"); 
ui.placeholder.css("background-color", "red"); 

प्लेसहोल्डर की पृष्ठभूमि का रंग नहीं दिखाई दे रहा था क्योंकि वास्तविक तत्व दिखाई नहीं देती थी (मुझे लगता है कि डिफ़ॉल्ट रूप से छुपा के लिए सेट है)। तो इसे दृश्य में सेट करने से एक अलग पृष्ठभूमि रंग देखने की अनुमति देता है।

+0

आप इस कोड को कहां रखते हैं? – Sevenearths

+0

बहुत अच्छा। यह पूर्ण है। –

+0

आप ui.placeholder.css ({"दृश्यता": "दृश्यमान", "पृष्ठभूमि-रंग": "लाल"} कर कर इसे भी छोटा कर सकते हैं; –

2

सीएसएस

 
.placeholderBackground{background-color:#FD6FB7;} 

पैरामीटर

 
$('.sortable').sortable({ 
axis: 'y', placeholder: 'placeholderBackground' 
}).disableSelection(); 

संबंधित मुद्दे