Jeditable不工作的IE瀏覽器的表，但在FF的作品，鉻

<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元素，它消失了......開發者控制檯它在某一行顯示錯誤，但該錯誤未顯示在FF/Chrome中。Jeditable不工作的IE瀏覽器的表，但在FF的作品，鉻

任何想法？

來源

2011-11-12 cristi _b

你在遇到的問題是什麼版本的IE瀏覽器中的錯誤？ –

IE 7和8，目前正在看什麼可能會導致這樣.... –

好吧，我敢肯定，我知道這是怎麼回事。將發佈答案。 –

好像並不是所有的選項對IE 7/8工作...

此代碼的工作

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

，這並不對IE8至少...

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

也許它與jeditable處理組件

來源

2011-11-13 10:32:42

我認爲這個問題是由jQuery的導致display屬性設置爲table-cell。 IE 7和8不支持，所以他們會表現奇怪並拋出錯誤。

我建議的解決辦法是把<div>每個單元內，可編輯的東西應用到，而不是到細胞。

來源

2011-11-12 19:47:22

試過了......既申報單和TD從屏幕上消失......我得到了開發者控制檯中的錯誤像意外的調用方法或屬性訪問。 jQuery的1.5.1.min.js，行16字55817 –

我想知道，如果它是關於我是如何選擇的DOM元素的IE怪癖...... –

我發現jeditable工作正常，當我確定了提交出現問題並取消選項 –

Jeditable不工作的IE瀏覽器的表，但在FF的作品，鉻

回答

相關問題