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的作品，铬

回答

相关问题