jQuery एडक्लास ऑनक्लिक

Question

सेटिंग आसान है; जब ऑनक्लिक-इवेंट निकाल दिया जाता है तो मैं एक बटन (इस मामले में) को एक बटन जोड़ने में सक्षम होना चाहता हूं। मेरी समस्या यह है कि मुझे बटन को स्वयं को फ़ंक्शन के पैरामीटर के रूप में पास करने का कोई तरीका नहीं मिला है।

<asp:Button ID="Button" runat="server" onclick="addClassByClick(this)"/> 

और फिर इस तरह एक JavaScript फ़ंक्शन कुछ:: मैं की तरह कुछ करना चाहते हैं

function addClassByClick(button){ 
    button.addClass("active") 
} 

मैं जानता हूँ कि मैं यहाँ त्रुटियों की एक बहुत कुछ मिल गया है, लेकिन यही कारण है कि मैं हूँ पोस्टिंग। मैंने jQuery के साथ और jQuery के बिना अलग-अलग परिदृश्यों का प्रयास किया है, लेकिन मैं हमेशा एक टूटे हुए समाधान के साथ समाप्त होता हूं (क्लिक अचानक अचानक बंद हो जाता है, क्लास नहीं जोड़ा जाता है आदि) इसलिए मैंने प्रो से पूछने का फैसला किया।

कोई सुझाव जो मैं कोशिश कर सकता हूं? पढ़ने के लिए धन्यवाद और सभी मदद संपादित करें!

Answer 1

यह .addClass() उपयोग करने के लिए एक jQuery तत्व होने की जरूरत है, तो यह इस तरह $() में लिपटे होने की जरूरत है:

function addClassByClick(button){ 
    $(button).addClass("active") 
} 

---

एक बेहतर समग्र समाधान विनीत स्क्रिप्ट, उदाहरण के लिए होगा:

<asp:Button ID="Button" runat="server" class="clickable"/> 

jQuery में फिर

:

$(function() {      //run when the DOM is ready 
    $(".clickable").click(function() { //use a class, since your ID gets mangled 
    $(this).addClass("active");  //add the class to the clicked element 
    }); 
}); 

Answer 2

jQuery का उपयोग करना:

$('#Button').click(function(){ 
    $(this).addClass("active"); 
}); 

इस तरह, आप onclick संचालकों के साथ अपने HTML मार्कअप अपवित्र की जरूरत नहीं है।

Answer 3

$('#button').click(function(){ 
    $(this).addClass('active'); 
}); 

Answer 4

$(document).ready(function() { 
    $('#Button').click(function() { 
     $(this).addClass('active'); 
    }); 
}); 

चाल करना चाहिए। जब तक कि आप AJAX के साथ बटन लोड नहीं कर रहे हों। जो मामले में आप कर सकता है:

$('#Button').live('click', function() {... 

इसके अलावा अपने एचटीएमएल कोड में एक बार से अधिक एक ही आईडी का उपयोग नहीं याद है।

Answer 5

अपने सीएसएस को और अधिक विशिष्ट बनाने की कोशिश करें ताकि नई (हरी) शैली पिछले की तुलना में अधिक विशिष्ट हो, ताकि यह मेरे लिए काम करे!

उदाहरण के लिए, आप सीएसएस में उपयोग कर सकते हैं:

button:active {/*your style here*/} 

के बजाय (शायद काम नहीं कर रहा)

:

.active {/*style*/} (.active is not a pseudo-class) 

आशा है कि यह मदद करता है!