jQuery onclick चयनकर्ता काम नहीं करता है

Question

$ ("इनपुट [type = 'बटन'] [onclick^= 'बचाने']")

और यह एफएफ में लेकिन IE पर काम करता है ...

ऑनक्लिक चयनकर्ता भाग के साथ कुछ गड़बड़ है। क्या क्रॉस-ब्राउज़र वर्कअराउंड बनाने का कोई तरीका है?

धन्यवाद पावेल

संपादित करें:

$("img[src$='scroll.gif']").click(function(){ 
    var targetOffset = $("input[type='button'][onclick^='save']").offset().top; 
    $("html,body").animate({scrollTop: targetOffset}, 400); 
}); 

Answer 1

आप एक कस्टम चयनकर्ता बना सकते हैं (शायद बहुत अक्षम हालांकि):

$.extend($.expr[':'], { 
    onclick: function(node, index, args, stack) { 
    var events = $(node).data('events'); 
    var fn = args[3]; 
    if (!events || !events.click) return false; 
    for (i in events.click) { 
     if (events.click[i].name == fn) return true; 
    } 
    return false; 
    } 
}); 

$("input[type='button']:onclick('save')") 

function.name IE में काम नहीं करता है, हालांकि, तो आप toString() और regexps का उपयोग कर एक और हुक के माध्यम से कूद करना होगा। सब कुछ, आप ईवेंट हैंडलर नामों की सूची को मैन्युअल रूप से बनाए रखने से कहीं बेहतर हैं।

संपादित करें: अपने कोड स्निपेट को देखकर, ईवेंट हैंडलरों की खोज करने के लिए कोई कारण नहीं है। चारों ओर विशेषता चयनकर्ताओं को जंगली रूप से फेंकने के बजाय, अपने तत्वों को एक अर्थपूर्ण अर्थपूर्ण तरीके से संबोधित करने के लिए कक्षाओं और आईडी का उपयोग करें, उदा।

<img id="scroll-icon" src="icons/scroll.gif" /> 
<input id="submit-button" type="submit" onclick="save();" /> 

और फिर

$("#scroll-icon".click(function(){ 
    var targetOffset = $("submit-buttton").offset().top; 
    $("html,body").animate({scrollTop: targetOffset}, 400); 
}); 

Answer 2

ऐसा लगता है कि होना चाहिए:

$("input[type=button]").click(function(){ 
//do something 
}); 

आप document ready समारोह में यह रखना चाहिए

संपादित आप यही चाहते है ?

$('img[src="scroll.gif"]').click(function(){ 
     var targetOffset = $(this).offset().top; 
     $("html,body").animate({scrollTop: targetOffset}, 400); 
    }); 

Answer 3

क्या आपके पास एक से अधिक बटन हैं जो एक सेव बटन है? यदि नहीं, तो आप अपने बटन को एक आईडी क्यों नहीं सौंपते? इससे यह बहुत आसान हो जाता है, और आईडी चयनकर्ता, जो document.getElementById() लपेटता है, बहुत क्रॉस-प्लेटफॉर्म है। फिर, आपको केवल $("#buttonID") की आवश्यकता है।

संपादित करें: ओपी के मानदंडों को देखते हुए, मैं एक वर्ग (केवल चयनकर्ता के रूप में उपयोग के लिए) जैसे "jumpToSave" का सुझाव दूंगा। प्रत्येक बटन में उस वर्ग होना चाहिए, और फिर चयनकर्ता $(".jumpToSave")

Answer 4

का उपयोग कर सकता है, आप ईवेंट विशेषताओं में उस तरह के मान की तलाश नहीं कर सकते हैं। ब्राउज़र विशेषता में स्ट्रिंग मान से एक फ़ंक्शन बनाता है।

आप इस तरह एक विशेषता है:

onclick="save();" 

विशेषता एक समारोह संदर्भ के बजाय एक स्ट्रिंग है। यदि आप विशेषता को पढ़ते हैं और मान को स्ट्रिंग के रूप में प्राप्त करते हैं, तो आपको फ़ंक्शन का कोड मिलता है।

जब फ़ायरफ़ॉक्स में विशेषता मान पढ़ना, यह आप क्या मिलता है:

function onclick(){save();} 

आप उपयोग करने के लिए:

function onclick(event) { save(); } 

जब इंटरनेट एक्सप्लोरर में विशेषता पढ़ने, यह आप क्या मिलता है बटन की पहचान करने के लिए कुछ अन्य विशेषताएँ।