$(".ui-datepicker-trigger").attr('disabled',true);
मैं इस तरह की छवि बटन को अक्षम करने की कोशिश कर रहा हूं .. लेकिन यहकक्षा नाम का उपयोग कर छवि को अक्षम कैसे करें .. jquery का उपयोग कर
काम नहीं कर रहा है, लेकिन अगर मैं इसे काम कर रहा हूं
$(".ui-datepicker-trigger").hide(); छिपाना wokring है लेकिन अक्षम काम नहीं कर रहा है?
क्या कोई शरीर मुझे बता सकता है?
धन्यवाद
Datepicker एक अंतर्निहित disable method इस के लिए आप जो भी पाठ इनपुट को निष्क्रिय उपयोग कर सकते हैं, इस तरह:
$("#datepicker").datepicker("disable");
You can view a demo here, आप, यदि संभव हो तो इस विधि का उपयोग करने की जरूरत है क्योंकि डेटपिकर वास्तव में ट्रैक करता है जो आंतरिक रूप से अक्षम है, you can see the source code here।
$(".ui-datepicker-trigger").css({opacity:'0.5',cursor:'default'}).unbind('click');
You can see a demo of that here, .css() हिस्सा सिर्फ है यह कुछ "अक्षम" स्टाइल :)
मैं img जोड़ा गया है और jQuery का उपयोग कर एक क्लिक हैंडलर बाध्य। इसलिए, जब मैं बाकी सब कुछ अक्षम करता हूं, तो मैं उस हैंडलर को भी अनबिंड करता हूं ताकि छवि बटन अब और काम न करे। किसी भी तरह, यहां एक अद्यतन कामकाजी उदाहरण है। मैंने आईई और एफएफ में इसका परीक्षण किया। मुझे बताएं कि यह कैसे जाता है।
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(event){
alert("you clicked the link, everything should be disabled now.");
$(".ui-datepicker-trigger").attr('disabled',true);
$("img.ui-datepicker-trigger").unbind('click');
});
// add a click handler for the img element
$("img.ui-datepicker-trigger").bind('click', function() {alert('clicked the img');});
});
</script>
</head>
<body>
<button class="ui-datepicker-trigger">Disable Everything</button>
<br/>
<input type="text" id="txt1" class="ui-datepicker-trigger" value="textbox 1"></input>
<img class="ui-datepicker-trigger" src="calendar.jpg" alt="..." title="..." style="display: inline;">
</body>
</html>
धन्यवाद –
user354625
मैंने अपना मूल उत्तर संपादित किया। मुझे लगता है कि हम करीब आ रहे हैं। – dhillis
देने के लिए:
विकल्प मैन्युअल .unbind() क्लिक कि छवि से, इस तरह होगा यदि कोई दिनांक पिकर के बगल में स्थित बटन को छिपाने का प्रयास कर रहा है, तो विकल्प का उपयोग करें: 'showOn': 'फोकस' जिसे आप कन्स्ट्रक्टर को भेजते हैं जब आप डेटपिकर ऑब्जेक्ट को कॉल करते हैं। यहां देखें: http://api.jqueryui.com/datepicker/#option-showOn
सुपर कूल .... (वाई) –