-1

我有一个 index.html 页面：

<body>

<ul>
    <li><a id="page" href="#">About</a></li>
</ul>
<div id="show">
</div>

</body>

一个jQuery：

    <script type="text/javascript">
        $(document).ready(function(){
           $("#page").click(function(){
            $('#show').load('test.html');
           }); 
         });
    </script>

我需要的是在 #show div 中显示来自 test.html 的内容，但上面的代码不起作用。

所以我的问题是：我做错了什么？

PS：我正在使用来自链接的 jQuery 1.9.1 库<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>，它适用于其他 jQuery 脚本。

编辑：

没关系，我使用 iFrame 来显示其他网页/网站内容，即 jQuery：

jQuery(document).ready(function($) {
$(".faq").click(function () {
    $("#loader").fadeIn(10);
    $("#content").delay(800).fadeIn(200);
    $("#mainFrame").attr("src", "http://www.wordpress.org");
});
$(".other").click(function () {
    $("#loader").fadeIn(10); 
    $("#content").delay(800).fadeIn(200);
      $("#mainFrame").attr("src", "http://www.othersite.com");
});
$("#hide").click(function () {
    $("#loader").css("display", "none"); 
    $("#content").fadeOut(200);
    setTimeout(function(){
        $("#mainFrame").attr("src", "about:blank");
    }, 250);
});
});

和 HTML：

<ul>
    <li><a class="faq" href="#">Show</a></li>
    <li><a class="other" href="#">Show</a></li>
</ul>
<div id ="loader"></div>
<div id="content">
<input type="button" id="hide" value="hide"></button>
<iframe src="" scrolling="no" frameborder="0" id="mainFrame" name="mainFrame"></iframe></div>
4

2 回答 2

-1

我通常这样做

$(function() {
$('.myButton').on('click',function() {
    var path = (this).id + '.html'
    $("#myTarget").load(path);
});
});

只需确保为按钮提供与 .php/.html 文件命名相同的 id

于 2013-11-26T18:10:05.273 回答
-2

您将 HTML 注入 HTML，而我认为您想将纯文本注入 HTML。$.load 不适用于此。您应该使用 $.ajax 或类似的东西来获取结果，然后使用 $.text() 来注入结果。

$("#page").click(function() {
    $.ajax({
        url: "test.html"
        success: function(data) {
            $("#show").text(data)
        }
    })
})
于 2013-09-14T17:18:09.620 回答