Question

我有3个html文件。 Index.html调用chat.html。 Chat.html正文包含一个DIV，我想填充第三个HTML文件（star.html）的Div，该文件与chat.html位于同一个文件夹中。

chat.html -

＆＃13;

    <body>
        <div id="wrap">
            <nav class="navbar navbar-default" role="navigation">
                <div class="navbar-header text-center">
                    <a href="#" class="navbar-brand">Chat - Group Menu</a>
                </div>
            </nav>
            <!-- Begin page content -->
            <div class="container" id="chatDiv">
                <div class="page-header">
                    <h1>Mobile Layout</h1>
                </div>
                <p class="lead">Chat stuff to appear here</p>
            </div>
        </div>
        <div id="testDIV"></div>
        <div id="footer">
             //some DIV content here
        </div>
</body>

＆＃13;

star.html -

＆＃13;

<body>
    <p> hello all </p>
</body>

＆＃13;

我正在使用的jquery代码（在外部.js文件中）是 -

＆＃13;

$(document).ready(function() {
            $("#stars").click(function() {
                alert("change DIV to show STAR stuff");
                $("#testDIV").load('star.html');
            });
        });

＆＃13;

此处显示警报。但内容并没有转移到chat.html Div。

我在这里缺少什么？

Answer 1

看到你如何打开一个新的聊天窗口，你需要解决该窗口以操纵该DOM。如果您还没有

，您可能还需要将jQuery添加到chat.html页面

    $('#loginBtn').click(function() {
      $(this).validateEmail(); 
      $(this).validatePassword(); 
      var window.popup =  window.open("html/chat.html"); 
    });

 $("#stars").click(function() {
     alert("change DIV to show STAR stuff");
     window.popup.document.$("#testDIV").load('star.html');
 });

将外部html的DIV内容移动到另一个文件的Div

1 个答案: