2016-09-30 8 views
5

मुझे लगता है कि के लिए एक नौसिखिया हूँ, इसलिए मैं उलझन में पूछने के लिए माफी चाहता हूँ और सरल सोचता है :-)

मेरे जे एस कोड अभ्यस्त एक फार्म के साथ एक moadal के लिए काम के लिए कैसे काम करता है कि एक AJAX-कॉल और PHP पक्ष से लोड हो रहा है।

मुझे लगता है कि मैं इस

$(document).on('click', '#tags', function()

मैं अब न मैं कैसे इस में मूल कोड बदलना चाहिए की तरह रास्ते में फ़ंक्शन को कॉल करने के लिए है - हो सकता है किसी ने मुझे मदद और यह व्याख्या कर सकते हैं मेरे लिए?

$('#tags').on({ click: function(e) { 
 
\t e.preventDefault(); 
 
\t alert('geklickt');}, 
 
\t mouseenter: function(e) { 
 
\t \t alert('mouse enter!'); 
 
\t } 
 
});

अगर मैं केवल यह अभ्यस्त मेरे लिए काम "$ ('# टैग')" का उपयोग करें ...

आशा है कि मैं समझा सकता है मुझे क्या करना चाहते हैं।

कि करने के लिए अतिरिक्त, मैं अंत में इस कोड को पुनःकूटित करना है

$(document).ready(function() { 

    bookIndex = 0; 

$('#bookForm') 

    // Remove button click handler 
    .on('click', '.removeButton', function() { 
     var $row = $(this).parents('.form-group'), 
      index = $row.attr('data-book-index'); 

     // Remove fields 
     $('#bookForm') 
      .formValidation('removeField', $row.find('[name="book[' + index + '].title"]')) 
      .formValidation('removeField', $row.find('[name="book[' + index + '].isbn"]')) 
      .formValidation('removeField', $row.find('[name="book[' + index + '].price"]')); 

     // Remove element containing the fields 
     $row.remove(); 
    }); 
}); 

कौन सा भागों मैं बदलने के लिए है कि "document.on" समर्थन avivable है?

+0

यह '$ ('# टैग्स') होना चाहिए (समारोह() {}) पर क्लिक करें;' –

+0

$ ('# टैग्स') पर ('क्लिक',।। फ़ंक्शन (ई) { – Keith

+1

@ लोडिंग .. आप यहां ईवेंट को प्रतिनिधि नहीं दे रहे हैं –

उत्तर

2

बस pass string selector:

$(document).on({ 
    click: function(e) { 
    e.preventDefault(); 
    alert('geklickt'); 
    }, 
    mouseenter: function(e) { 
    alert('mouse enter!'); 
    } 
}, '#tags'); 
+0

अगर मैं इसे जोड़ना चाहता हूं तो मुझे कोड कैसे पास करना होगा: .on (' ',' .removeButton 'पर क्लिक करें, फ़ंक्शन() { var $ row = $ (this)। माता-पिता (' फॉर्म-समूह '), अनुक्रमणिका = $ row.attr (' डेटा-बुक-इंडेक्स '); $ ('# बुकफॉर्म') .formValidation ('removeField', $ row.find ('[name = "book [' + index + '] .isbn"]')) .formValidation ('removeField', $ row.find ('[name = "पुस्तक ['+ इंडेक्स +'] .price"] ')); $ row.remove(); }); – 4usolutions

+0

यह अलग चयनकर्ता है इसलिए इसे कम करने का कोई वास्तव में तरीका नहीं है। बस इसे चेन करें: '$ (दस्तावेज़) .on (...)। (0)' –

+0

ठीक है, लेकिन मैं इस मामले में "removeButton" के साथ कैसे काम कर सकता हूं "चालू ('क्लिक करें', '.removeButton ', ", अगर मैंने कम से कम" #tags "का चयन किया है? – 4usolutions

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