Question

例:

<html>
  <head>
    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
  </head>
  <body>

    <table border="1" style="width:100%">
        <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
        </tr>
        <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
            <td>d</td>
        </tr>
        <tr>
            <td colspan="4" >
                <div id="target">TOGGLE TEXT!!</div>
            </td>
        </tr>
    </table>

    <input type="button" value="show/hide" onclick="toggleHidden();" />

    <script type="text/javascript">

        function toggleHidden() { 

            $( #target ).toggle("blind", {}, 200, null);
        }

    </script>

  </body>
</html>

这部法典使用JQuery UI to色功能(与展示和隐藏功能相同)掩盖和显示iv。

在FireFox,这种工作是巨大的,但在IE,所有栏目都将在“角效应”期间消化。是否有任何人知道为什么要这样行事? 如果我能在这个法典中做任何事情来防止它发生?

Answer 1

Using slide Toggle 。不要gle笑或躲藏/实际上解决问题!

Answer 2

我也面临同样的问题。两点:

(1) 表格中一种绝对宽度,例如500px

(2) 在载有您目标四的TD中,在四分五裂后,在无内容的情况下防止浏览器 coll入电室:

<div id=“target”>TOGLE TEXT!</div> 

友情链接