[jQuery] [validate] Hangs jquery after first init of classes (jquery 1.3.2)
Hello, Following sample code works with older jquery. After moving jquery 1.3.2 and new UI and latest validate code it stops working. If I remove the validate code works again...
--- following classes are working (eg $("#hucre_ayarlari").click )
<tr class='drList_bloklar_tr'>
<td style='vertical-align:top;width:400px;'>
<table border='0' cellpadding='0' cellspacing='0' style='width:100%;'><tbody>
<tr class='bdDark'><td class='fgFlash2 fwBold fsMid'>
<table border='0' cellpadding='0' cellspacing='0' class='cDTable'><tbody><tr>
<td style='width:20px;' class='pad4 fgDark'>1.</td>
<td class='pad4 bgDark'>NULL</td>
<td style='width:20px;' class='pad4'> </td>
<td style='width:20px;' class='pad4'><select name='blok_sira' size='1' class='cInputI blok_sira'><option value='1' selected = 'selected'>1</option><option value='2' >2</option><option value='3' >3</option></select></td>
<td style='width:20px;' class='pad4'><img src='<a href="http://ysp.int/site/temalar/deli/images/icons/16x16/down.png">http://ysp.int/site/temalar/deli/images/icons/16x16/down.png</a>' title='' alt='' lang='25' class='hucre_asagi' /></td>
<td style='width:20px;' class='pad4'><img src='<a href="http://ysp.int/site/temalar/deli/images/icons/16x16/configure.png">http://ysp.int/site/temalar/deli/images/icons/16x16/configure.png</a>' lang='25' title='Ayarlar' alt='NULL' class='hucre_ayarlari' /></td>
<td style='width:20px;' class='pad4'><img src='<a href="http://ysp.int/site/temalar/deli/images/icons/16x16/eraser.png">http://ysp.int/site/temalar/deli/images/icons/16x16/eraser.png</a>' lang='25' title='Temizle' alt='Temizle' class='hucre_temizle' /></td>
<td style='width:20px;' class='pad4'><img src='<a href="http://ysp.int/site/temalar/deli/images/icons/16x16/delete_cell.png">http://ysp.int/site/temalar/deli/images/icons/16x16/delete_cell.png</a>' lang='25' title='Sil' alt='Sil' class='hucre_sil'/></td>
</tr></tbody></table>
</td></tr>
<tr class='bdDark'><td><div></div></td></tr>
</tbody></table>
</td>
</tr>
--- following classes are NOT working (eg $("#hucre_ayarlari").click )
<tr class='drList_bloklar_tr'>
<td style='vertical-align:top;width:400px;'>
<table border='0' cellpadding='0' cellspacing='0' style='width:100%;'><tbody>
<tr class='bdDark'><td class='fgFlash2 fwBold fsMid'>
<table border='0' cellpadding='0' cellspacing='0' class='cDTable'><tbody><tr>
<td style='width:20px;' class='pad4 fgDark'>2.</td>
<td class='pad4 bgDark'>modul</td>
<td style='width:20px;' class='pad4'><img src='<a href="http://ysp.int/site/temalar/deli/images/icons/16x16/up.png">http://ysp.int/site/temalar/deli/images/icons/16x16/up.png</a>' title='' alt='' lang='24' class='hucre_yukari' /></td>
<td style='width:20px;' class='pad4'><select name='blok_sira' size='1' class='cInputI blok_sira'><option value='1' >1</option><option value='2' selected = 'selected'>2</option><option value='3' >3</option></select></td>
<td style='width:20px;' class='pad4'><img src='<a href="http://ysp.int/site/temalar/deli/images/icons/16x16/down.png">http://ysp.int/site/temalar/deli/images/icons/16x16/down.png</a>' title='' alt='' lang='24' class='hucre_asagi' /></td>
<td style='width:20px;' class='pad4'><img src='<a href="http://ysp.int/site/temalar/deli/images/icons/16x16/configure.png">http://ysp.int/site/temalar/deli/images/icons/16x16/configure.png</a>' lang='24' title='Ayarlar' alt='modul' class='hucre_ayarlari' /></td>
<td style='width:20px;' class='pad4'><img src='<a href="http://ysp.int/site/temalar/deli/images/icons/16x16/eraser.png">http://ysp.int/site/temalar/deli/images/icons/16x16/eraser.png</a>' lang='24' title='Temizle' alt='Temizle' class='hucre_temizle' /></td>
<td style='width:20px;' class='pad4'><img src='<a href="http://ysp.int/site/temalar/deli/images/icons/16x16/delete_cell.png">http://ysp.int/site/temalar/deli/images/icons/16x16/delete_cell.png</a>' lang='24' title='Sil' alt='Sil' class='hucre_sil'/></td>
</tr></tbody></table>
</td></tr>
<tr class='bdDark'><td><div>google_analytics</div></td></tr>
</tbody></table>
</td>
</tr>
All those html codes are same page. It was very weird bug. First init of each class selectors was work and after first init. All off them stops responding.
I had following setup jquery ui and other things loding setup
<pre id="line12"> <<span class="start-tag">script</span><span class="attribute-name"> charset</span>=<span class="attribute-value">"utf-8" </span><span class="attribute-name">type</span>=<span class="attribute-value">"text/javascript" </span><span class="attribute-name">src</span>=<span class="attribute-value">"<a href="http://ysp.int/js/libs/jquery/jquery.js">http://ysp.int/js/libs/jquery/jquery.js</a>"</span>></<span class="end-tag">script</span>>
<<span class="start-tag">script</span><span class="attribute-name"> charset</span>=<span class="attribute-value">"utf-8" </span><span class="attribute-name">type</span>=<span class="attribute-value">"text/javascript" </span><span class="attribute-name">src</span>=<span class="attribute-value">"<a href="http://ysp.int/js/libs/jquery/jquery-ui.js">http://ysp.int/js/libs/jquery/jquery-ui.js</a>"</span>></<span class="end-tag">script</span>>
<<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">"text/javascript" </span><span class="attribute-name">src</span>=<span class="attribute-value">"<a href="http://ysp.int/js/libs/jquery/plugins/boxy/jquery.boxy.js">http://ysp.int/js/libs/jquery/plugins/boxy/jquery.boxy.js</a>" </span><span class="attribute-name">charset</span>=<span class="attribute-value">"utf-8"</span>></<span class="end-tag">script</span>>
<<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">'text/javascript' </span><span class="attribute-name">src</span>=<span class="attribute-value">'<a href="http://ysp.int/js/libs/jquery/plugins/validate/jquery.validate.pack.js">http://ysp.int/js/libs/jquery/plugins/validate/jquery.validate.pack.js</a>' </span><span class="attribute-name">charset</span>=<span class="attribute-value">'utf-8'</span>></<span class="end-tag">script</span>>
<<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">'text/javascript' </span><span class="attribute-name">src</span>=<span class="attribute-value">'<a href="http://ysp.int/js/libs/jquery/plugins/FCKEditor/jquery.FCKEditor.js">http://ysp.int/js/libs/jquery/plugins/FCKEditor/jquery.FCKEditor.js</a>' </span><span class="attribute-name">charset</span>=<span class="attribute-value">'utf-8'</span>></<span class="end-tag">script</span>>
</pre>
<pre id="line21"> <<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">'text/javascript' </span><span class="attribute-name">src</span>=<span class="attribute-value">'<a href="http://ysp.int/js/libs/jquery/plugins/bdc-menu/jquery.bdc.ddmenu.pack.js">http://ysp.int/js/libs/jquery/plugins/bdc-menu/jquery.bdc.ddmenu.pack.js</a>' </span><span class="attribute-name">charset</span>=<span class="attribute-value">'utf-8'</span>></<span class="end-tag">script</span>>
<<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">'text/javascript' </span><span class="attribute-name">src</span>=<span class="attribute-value">'<a href="http://ysp.int/js/libs/jquery/plugins/fileTree/jqueryFileTree.js">http://ysp.int/js/libs/jquery/plugins/fileTree/jqueryFileTree.js</a>' </span><span class="attribute-name">charset</span>=<span class="attribute-value">'utf-8'</span>></<span class="end-tag">script</span>>
</pre>
Here My js code
//--- Zebra Rows
$(".drList_bloklar_tr:odd").addClass("bgOdd");
$(".drList_bloklar_tr:even").addClass("bgEven");
//--- Set hover effect
$(".drList_bloklar_tr").hover(function(){
$(this).addClass("bgHover");
},function(){
$(this).removeClass("bgHover");
});
//-- Delete icona basinca
$(".hucre_sil").click(function() {
hucre_id = this.lang;
answer = confirm('Bu hücreyi silmek istediğinize eminmisiniz ?'); // Eminmisiniz sorusunu sor
if (answer) {
window.location = base_url+'blok_duzenleme-1-model-delete-sayfa_id-'+sayfa_id+'-hucre_id-'+hucre_id+'-lokasyon-'+lokasyon+'-istek-'+istek; // Silme islemini post et.
}
});
$(".hucre_temizle").click(function() {
hucre_id = this.lang;
answer = confirm('Bu hücrenin içeriğini temizlemek istediğinize eminmisiniz ?'); // Eminmisiniz sorusunu sor
if (answer) {
window.location = base_url+'blok_duzenleme-1-model-erase-sayfa_id-'+sayfa_id+'-hucre_id-'+hucre_id+'-lokasyon-'+lokasyon+'-istek-'+istek; // Silme islemini post et.
}
});
$(".hucre_yukari").click(function() {
hucre_id = this.lang;
window.location = base_url+'blok_duzenleme-1-model-hucre_yukari-sayfa_id-'+sayfa_id+'-hucre_id-'+hucre_id+'-lokasyon-'+lokasyon+'-istek-'+istek;
});
$(".hucre_asagi").click(function() {
hucre_id = this.lang;
window.location = base_url+'blok_duzenleme-1-model-hucre_asagi-sayfa_id-'+sayfa_id+'-hucre_id-'+hucre_id+'-lokasyon-'+lokasyon+'-istek-'+istek;
});
//--- Kaplan5 Designer Modulunden alinmistir
$(".hucre_ayarlari").click(function(){
hucre_id = this.lang;
cell_type = this.alt;
$("#designerInterface").html(" ");
if(cell_type == 'NULL') {
content = col_setup_menu;
boxy_content = "<div id='designerInterface'>"+content+"<\/div>";
boxy_title = "Blok Düzenleyici ";
new Boxy(boxy_content,{ title: boxy_title , draggable: true , unloadOnHide: true });
$("#designerInterface > #col_types_bdc").ddMenu({ rootTitle: 'Hücre Türünü Seçiniz' });
$("#designerCellHtml").click(function(){
boxy_content = "<div id='htmlEditor'><form name='html_content' id='html_content' method='post' action='"+page_url+"' style='padding:0px;margin:0px;'><textarea class='cell_content' id='cell_content'><\/textarea><input type='hidden' name='lokasyon' value='"+lokasyon+"' /><input type='hidden' name='sayfa_id' value='"+sayfa_id+"' /><input type='hidden' name='hucre_id' value='"+hucre_id+"' /><input type='hidden' name='model' value='html_kayit' /><input type='hidden' name='istek' value='"+istek+"' /><\/form><\/div>";
boxy_title = "Html Editor";
new Boxy(boxy_content,{ title: boxy_title , modal: true , unloadOnHide: true });
$("#cell_content").fck({ path: '/js/libs/fckeditor/', toolbar: 'Yasopanel',width: 600,height:300});
});
$(".setupApplication").click(function(){
boxy_content = "<div id='htmlEditor'><center><form name='html_content' id='html_content' method='post' action='"+page_url+"' style='padding:0px;margin:0px;'><table border='0' cellpadding='0' cellspacing='0'><tbody><tr><td class='taLeft vaTop bgDark fsBold fgFlash2'>Modul Sec</td></tr><tr><td class='taLeft vaTop'><select class='cell_content cInputI' id='cell_content' name='cell_content' size='1'>"+module_list+"<\/select></td></tr><tr><td class='taLeft vaTop bgDark fsBold fgFlash2'>Modul Parametreleri</td></tr><tr><td class='taLeft vaTop'><textarea class='cell_parameters' id='cell_parameters' name='cell_parameters' style='width:400px;height:300px;'><\/textarea><input type='hidden' name='lokasyon' value='"+lokasyon+"' /></td></tr><tr><td style='text-align:center'><input type='submit' name='submit' value='Kaydet' class='cInputB' /><input type='hidden' name='sayfa_id' value='"+sayfa_id+"' /></td></tr></tbody></table><input type='hidden' name='hucre_id' value='"+hucre_id+"' /><input type='hidden' name='model' value='modul_kayit' /><input type='hidden' name='istek' value='"+istek+"' /><\/form><\/center><\/div>";
boxy_title = "Modül Kurulumu";
new Boxy(boxy_content,{ title: boxy_title , modal: true , unloadOnHide: true });
});
}
if(cell_type == 'html') {
cell_content_url = base_url+'blok_duzenleme-1-islem-getir_html_hucre-istek-ajax-model-getir_hucre-sayfa_id-'+sayfa_id+'-lokasyon-'+lokasyon+'-hucre_id-'+hucre_id;
$.get(cell_content_url, function(data){
boxy_content = "<div id='htmlEditor'><form name='html_content' id='html_content' method='post' action='"+page_url+"' style='padding:0px;margin:0px;'><textarea class='cell_content' id='cell_content'>"+data+"<\/textarea><input type='hidden' name='lokasyon' value='"+lokasyon+"' /><input type='hidden' name='sayfa_id' value='"+sayfa_id+"' /><input type='hidden' name='model' value='edit_cell_html' /><input type='hidden' name='hucre_id' value='"+hucre_id+"' /><input type='hidden' name='model' value='html_kayit' /><input type='hidden' name='istek' value='"+istek+"' /><\/form><\/div>";
boxy_title = "Html Editor";
new Boxy(boxy_content,{ title: boxy_title , modal: true , unloadOnHide: true });
$("#cell_content").fck({ path: '/js/libs/fckeditor/', toolbar: 'Yasopanel',width: 600,height:300});
});
}
if(cell_type == 'modul') {
cell_content_url = base_url+'blok_duzenleme-1-islem-getir_html_hucre-istek-ajax-model-getir_hucre-sayfa_id-'+sayfa_id+'-lokasyon-'+lokasyon+'-hucre_id-'+hucre_id;
$.get(cell_content_url, function(data){
boxy_content = data;
boxy_title = "Modül Kurulumu ";
new Boxy(boxy_content,{ title: boxy_title , modal: true , unloadOnHide: true });
});
}
});
Regards