jQuery - 역동적으로 설정된 onclick 이벤트는 Firefox에서만 작동합니다.

Question

이유를 묻지 마십시오. 그냥 이런 식으로해야합니다 :-)

나는 이미 CSS 버튼이있는 div를 동적으로 채우는 다음 코드를 가지고 있습니다. 해당 버튼의 속성은 프로세스 중에 동적으로 변경됩니다.

이

<div id="home_panel_text" class="divNextClass"></div> 
<div id="home_panel_bottom"> 
    <a class="aViewNextClass" id="" href="##"><span>View</span></a> 
</div> 

function loadNextClass() { 
     var v_object_type = "ajax"; 
     var v_onclick = 'return hs.expand(this)'; 
     var v_onclick2 = 'return hs.htmlExpand(this,{objectType:"ajax"})'; 
     var x = '<table border="0" cellspacing="0" cellpadding="3">'; 
     $.getJSON("/components/system.cfc?method=getNextClass&returnformat=json&queryformat=column",{},function(res,code) { 
      if(res.ROWCOUNT == 1){ 
       x += '<tr><td><strong>Class</strong></td><td>' + res.DATA.TITLE + '</td></tr>' 
       x += '<tr><td nowrap><strong>When</strong></td><td>' + res.DATA.STARTDATE + ' ' + res.DATA.STARTTIME + '-' + res.DATA.ENDTIME + '</td></tr>' 
       x += '<tr><td nowrap><strong>Cost</strong></td><td>$' + res.DATA.PRICE + '</td></tr>'; 
       $('.aViewNextClass').attr({ 
        "id":res.DATA.STOREITEMID, 
        "href":"class_detail.cfm?id=" + res.DATA.STOREITEMID, 
        "onclick":v_onclick2 
       }).addClass('highslide'); 
      }else{ 
       x += '<tr><td colspan="2">No classes found</td></tr>'; 
      } 
      x += '</table>' 
      $('.divNextClass').html(x); 
     }); 
    } 


$(function() { 
    loadNextClass(); 
}) 

크롬의 결과 버튼 링크는 다음과 같습니다 : 그것은 IE 또는 크롬하지 FF에서 잘 작동하지만

<a class="aViewNextClass highslide" id="14" href="class_detail.cfm?id=14"><span>View</span></a> 

즉 그것은 highslide 온 클릭 속성이 누락입니다.

는 FF에서 링크가 좋아 보인다 :

<a href="class_detail.cfm?id=14" id="14" class="aViewNextClass highslide " onclick="return hs.htmlExpand(this,{objectType:&quot;ajax&quot;})"><span>View</span></a> 

주시면 감사하겠습니다 이유를 찾는 어떤 도움.

Answer 1

변경이이에

$('.aViewNextClass').attr({ 
        "id":res.DATA.STOREITEMID, 
        "href":"class_detail.cfm?id=" + res.DATA.STOREITEMID, 
        "onclick":v_onclick2 
       }).addClass('highslide'); 

:

$('.aViewNextClass').attr({ 
        "id":res.DATA.STOREITEMID, 
        "href":"class_detail.cfm?id=" + res.DATA.STOREITEMID 
       }).addClass('highslide').click(v_onclick2)