javascript - OnClick event doesn't work for values over 10 entries -

जावास्क्रिप्ट - yadcf फ़िल्टर OnClick घटना के बाद काम नहीं करते:

• 10 पंक्ति प्रविष्टियों के बाद
• इस स्थिति में: आप html पृष्ठ लोड करते हैं, आपके पास दस प्रविष्टियों के बाद 1-10 प्रविष्टियां और एक्स 2 टैग के बीच X1 टैग है। आप के आधार पर फ़िल्टर onclick घटना का उपयोग कर फ़िल्टर करते हैं X आप है लोड हो रहा है के समय में एक्स 1 टैग यदि आप घटना का उपयोग कर onclick लेकिन X2 अगर आप घटना का उपयोग कर onclick क्योंकि X2 मूल रूप था काम नहीं करता है काम कर रहा है, पृष्ठ html, 10 से अधिक प्रविष्टियां

यह मेरा जावास्क्रिप्ट कोड है:

  var oTable; $ (Document) .ready (function () {oTable = $ ( '# उदाहरण') DataTable () yadcf ([{COLUMN_NUMBER:।। 0} {COLUMN_NUMBER: 3, FILTER_TYPE: "range_number_slider", filter_container_id: "external_filter_container" } {COLUMN_NUMBER: 2, text_data_delimiter: ",", FILTER_TYPE: "auto_complete"}, {COLUMN_NUMBER: 1, text_data_delimiter: ",", FILTER_TYPE: "auto_complete"}, {COLUMN_NUMBER: 4, column_data_type: "html", html_data_type : "पाठ", filter_default_label: "टैग का चयन करें", FILTER_TYPE: "auto_complete"}]); $ ( "। label.lightblue") .on ( "क्लिक", function () {yadcf.exFilterColumn (oTable, [[4 , $ (this) .text]] ());}); $ ( "। label4.lightblue4") .on ( "क्लिक", function () {yadcf.exFilterColumn (oTable, [[4, $ (this) .text ()]]);}); $ ( "। label2.lightblue2") .on ( "क्लिक", function () {yadcf.exFilterColumn (oTable, [[2, $ (this) .text ()] ]);});});  

jsfiddle पर लाइव उदाहरण:

टैग (लेबल्स) गतिशील रूप से जोड़ा जा रहा है और इसलिए उन्हें उनके साथ जुड़ी घटनाएं नहीं हैं। इसके बजाय .click () इस तरह से उपयोग करें।

  $ ('# उदाहरण')। पर ('क्लिक करें', "। लेबल। प्रकाशब्लू", फ़ंक्शन ( ) {चेतावनी ('ऑनक्लिक लेबल'); yadcf.exfilterColumn (oTable, [[4, $ (यह) .text ()]]);});  

और .label4.lightblue4 और .label2.lightblue2

के लिए वही तरीका यहां एक < / P>

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