Question

好的，这是让我头疼的东西。这是我的代码的缩小版本。

这是为了捕获元素上的点击并根据点击的项目加载另一个html文档的部分。

这是Jquery：

$(document).ready(function(){
    $(".sublist >li").click(function(){
        $("#box").html("").load("hompageEditor.html #"+$(this).attr("name"));
    });
});

这是主要文件的HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Webster Memorial Administration - Notices</title>
<script type="text/javascript" src="../_scripts/jquery-1.11.2.min.js"></script>
<body>
<div id="content">

<div id="default">
    <p >This section allows changes to the home page .. The Image Slider,&nbsp; the Welcome Box, the About Us, Connection, and Order of Service. 
    As you tytpe the Live Preview Pane will update allowing you to see an approximation of how the text will appear in the page.</p>
</div>
<hr/>
<div id="box"></div>

</div>
</body>
</html>

这个想法是#box元素中的信息会改变。

现在在这里删除了应该加载的文档：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body>
 <div id="welcome">
     <p>Some Text</p>
     <div class="editor">Some stuff</div>
     <div class="preview">Some stuff</div>
 </div>
 <div id="about">
     <p>Some Text</p>
     <div class="editor">Some stuff</div>
     <div class="preview">Some stuff</div>
 </div>
 <div id="oos">
     <p>Some Text</p>
     <div class="editor">Some stuff</div>
     <div class="preview">Some stuff</div>
 </div>
 </body>
 </html>

到目前为止我？

现在由于某种原因，这只适用于#welcome元素。所有其他人都不能工作。当片段通过加载调用时。为了测试一些东西，我尝试以各种方式改变元素的顺序。无论它出现在何处#welcome片段是加载（_）似乎拉动的唯一片段。 firefox控制台中也没有出现任何错误。

我找到了一份工作，我真的很想知道为什么这不起作用。

我的道歉是因为我的格式很糟糕。先发布在这里。

UPdate啊..好的，我被要求显示子列表。这是导航组件。 .sublist仅用于提供选择器目标。

<div id="nav">
<ul class="mainlist">
    <li name="messages">Edit Messages
        <ul class="sublist">
            <li name="welcome">Welcome</li>
            <li name="about">About Us</li>
            <li name="oos">Order of Service</li>
            <li name="wwd">What We Do</li>
            <li name="connect">Connection</li>
        </ul></li>
    <li name="slideshow">Edit Slideshow
        <ul class="sublist">
            <li name="preview">Preview Slideshow</li>
            <li name="addel">Add/Delete Pictures</li>
            <li name="edit">Edit Settings</li>
        </ul></li>


</ul>
</div>

我还应该指出，所有这些文件都称为homeEdit.php

JQuery Load（）只显示1 #fragment

0 个答案: