Javascript 当前学校:

Javascript 当前学校:,javascript,php,jquery,show-hide,Javascript,Php,Jquery,Show Hide,但是当我将它合并到主窗体时,它就不起作用了。我确信它与现有的javascript存在一些冲突,也可能与php存在一些问题 整个表格可在此处查看: 非常感谢您的帮助。在url(whizkidsclub…)中,id为block-1、block-2等的div不包含任何元素。第一个孩子、第二个孩子等的控制在div之外。 将控件移动到正确的div,它就会开始工作 编辑正如Jason指出的,问题是div不能是table元素的直接子元素。所以解决这个问题的一种方法是使用嵌套表。这就是将更改为。也就是说我

但是当我将它合并到主窗体时,它就不起作用了。我确信它与现有的javascript存在一些冲突,也可能与php存在一些问题

整个表格可在此处查看:

非常感谢您的帮助。

在url(whizkidsclub…)中,id为block-1、block-2等的div不包含任何元素。第一个孩子、第二个孩子等的控制在div之外。

将控件移动到正确的div,它就会开始工作


编辑正如Jason指出的,问题是div不能是table元素的直接子元素。所以解决这个问题的一种方法是使用嵌套表。这就是将
更改为
。也就是说我相信一定有更好的方法

此修复已演示

您的
div
(带有
块-*
id
)将被浏览器从
表中拉出并插入
表的前面。那里空无一人。我认为
div
不允许作为
表的直接子项。看看这个:

资料来源:

<table>
    <div>
        <tr><td>1234</td></tr>
        <tr><td>abcd</td></tr>
    </div>
</table>

1234
abcd
检查:

<div></div>
<table>
    <tbody>
        <tr><td>1234</td></tr>
        <tr><td>abcd</td></tr>
    </tbody>
</table>

1234
abcd

@Jason使用
/
而不是
http:
/
https:
是有效的,请参见。它被称为协议相对URL,避免了http/https问题.TIL。当我直接在浏览器中打开文件时,它不起作用,但当我将文件放在服务器上并通过服务器访问它时,它起作用。谢谢@詹姆斯。您提供的url-第一个子控件、第二个子控件等在div#block-1、div#block-2之外查看源代码。它们在那里看起来不错,但浏览器在呈现页面时会像那样将它们拉出。我明白了。谢谢你指出这一点。我认为其中一个选择是使用嵌套表。。。
<div></div>
<table>
    <tbody>
        <tr><td>1234</td></tr>
        <tr><td>abcd</td></tr>
    </tbody>
</table>