Question

我不知道发生了什么事。我有一个页面有javascript隐藏的几个div。根据您单击的链接，显示不同的div。它很棒，直到我尝试将textarea放在页面的任何位置。我开始制作一个基本的联系表单......两个输入，一个textarea和一个隐藏的div中的提交按钮。当我刷新网站时，剩下的就是我的背景图片。我的所有其他内容（徽标，菜单）都消失了。我删除了textarea，一切都回来了。我尝试在页面的其他部分放置一个文本区域，结果相同 - 剩下的就是背景图像。有人有什么建议吗？

这是我用来隐藏div的代码......

<script type="text/javascript">
$(document).ready(function(){

var $allContentDivs = $('#infocontent div').hide(); // Hide All Content Divs

$(document).ready(function() {
    $('#link1').trigger('click');
});

$('#linkwrapper a').click(function(){
    var $contentDiv = $("#" + this.id + "content");

        $allContentDivs.hide(); // Hide All Divs
        $contentDiv.show(); // Show Div


    return false;        
  });
});

</script>

这是我想放置textarea的地方：

<div class="modal" id="link4content">
    <font class="bigger">Будь ласка, напиши нам!<font>
    <form method="POST" action="mail.php">
      <p>ім'я<input type="text" name="name" /></p>
      <p>email <input type="text" name="email" /></p>
      <p>питання і коментарія
      </p>
      <textarea name="message" />
    </form>
  </div>

Answer 1

它是静态HTML页面吗？如果您尝试通过服务器端脚本生成它，则脚本可能由于错误而失败并仅输出页面的开头。在浏览器中查看源代码时应该清楚这一点（通常通过Ctrl + U打开）。

尝试使用Firebug（或类似的东西）来查看浏览器如何解析页面。

Answer 2

有一些问题需要解决，以帮助验证您的标记。

自HTML 4.01起，字体标记已弃用，并已在HTML 5中删除。您应该考虑使用CSS。
结束＆lt; font＆gt;标签应为＆lt; / font＆gt;。
＆lt; textarea /＆gt; tag不是自我结束标记，而应该是＆lt; textarea＆gt;＆lt; / textarea＆gt ;.

解决这些小问题可以解决问题。

在页面的任何位置插入文本区域将删除所有其他内容

2 个答案: