2011-11-12 3 views
0
<html> 

    <head> 

     <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script> 
     <script type="text/javascript" src="js/jquery.jeditable.min.js"></script> 
     <script type="text/javascript" src="js/jquery.jeditable.checkbox.js"></script> 

     <script> 

      $(function() { 
       $(".editable").click(function (event) { 
        $(this).editable('ajax_save.php',{ 
         submit  : 'Save', 
         cancel  : 'Cancel', 
         tooltip  : '' 
        }); 
       }); 
      }); 

     </script> 

    </head> 

    <body> 

     <table> 

      <tr> 

       <td class='editable' id='id-1234'>value of 1234</td> 
       <td class='editable' id='id-1235'>value of 1235</td>     

      </tr> 

      <tr> 

       <td class='editable' id='id-1236'>value of 1236</td> 
       <td class='editable' id='id-1237'>value of 1237</td>     

      </tr> 

     </table> 

    </body> 

</html> 

아래 코드는 FF/Chrome에서 제대로 작동하지만 IE에서 td 요소를 클릭하면 실패합니다 ... dev 콘솔에서 특정 행에 오류가 표시되지만 오류는 FF/Chrome에 표시되지 않습니다.Jeditable IE 테이블에서 작동하지 않지만 FF, 크롬에서 작동

아이디어가 있으십니까?

+0

어떤 IE 버전에서 문제가 있습니까? –

+0

IE 7과 8, 현재이 문제의 원인을 알아 내려고 노력 중입니다 ... –

+0

좋아요, 무슨 일이 일어 났는지 확신합니다. 답변을 게시 할 것입니다. –

답변

0

...

$(document).ready(function() { 
    $(".editable").editable("ajax.php",{ 
     type: "text", submit:"OK",cancel:"Cancel" 
    }); 
}); 

아마 jeditable 처리 요소가있는 버그입니다

1

이 문제는 display 속성을 table-cell으로 설정하여 jQuery로 인해 발생한다고 생각합니다. IE 7과 8은이를 지원하지 않으므로 이상하게 작동하고 오류를 발생시킵니다.

내 제안 된 수정 방법은 각 셀 안에 <div>을 넣고 셀 대신 편집 가능한 항목을 적용하는 것입니다. 이 코드는

$(document).ready(function() { 
    $(".editable").editable("ajax.php",{ 
     type: "text" 
    }); 
}); 

적어도 IE8에이 나던 작동

그것은 모든 옵션이 IE 7/8에서 작동하지 않을 것 같아
+0

시도해보십시오 ... divs와 td가 화면에서 사라집니다 ... Dev 콘솔에 오류가 발생합니다. 메서드 또는 속성 액세스에 예기치 않은 호출이 있습니다. jquery-1.5.1.min.js, line 16 character 55817 –

+0

내가 DOM 요소를 선택하는 방법에 관한 IE 버르 크크인지 궁금합니다 ... –

+0

jeditable이 잘 작동하는 것을 발견했습니다. 제출을 정의 할 때 문제가 나타납니다. 취소 옵션 –

관련 문제