【问题标题】:jquery .load() , loads a white pagejquery .load() ,加载一个白页
【发布时间】:2013-07-08 11:29:35
【问题描述】:

jquery 有问题。 当我使用 .load() api 时它不起作用。 我使用此代码:

<script type="text/javascript">
        $(document).ready(function(){
            $(document).ajaxStart(function(){
                $("#loading").show();
            }).ajaxStop(function(){
                        $("#loading").hide();
                    }).ajaxError(function(){
                        alert("Error on load page!");
                    });
            $("ul li a").on("click", function(){
                var twLink = $(this).attr( 'href' );
                //i used the event.preventDefault(); too, but it does not work
                $("#Container").load( twLink + "#ContainerChild" );
                return false;
            });
        });
    </script>

它转到一个白色的空白页面,该页面中有广告! 但是当我在 w3 学校中使用此代码时,尝试它的编辑器它可以完美运行!

我有一个关于问题的演示:http://www.nowsud.rzb.ir 然后去然后点击“موضوعات”! (查看此位置的图片:http://i.stack.imgur.com/PLPDl.jpg)列表也看到了问题。

我想让我的博客变成 ajax。

【问题讨论】:

    标签: jquery ajax load


    【解决方案1】:

    请试试这个:

    <script type="text/javascript">
        $(document).ready(function(){
            $(document).ajaxStart(function(){
                $("#loading").show();
            }).ajaxStop(function(){
                $("#loading").hide();
            }).ajaxError(function(){
                alert("Error on load page!");
            });
            $(".tw-content ul li a").click(function (e) {
                e.preventDefault();
    
                var twLink = $(this).attr('href');
                console.log('Link: ' + twLink);
                $("#Container").load(twLink + ' #ContainerChild');
            });
        });
    </script>
    

    【讨论】:

    • "// 不知道为什么这里需要 + "#ContainerChild"?",我只想加载 ContainerChild id 的内容。
    • 我对上面的脚本做了一点改动,请检查是否有效?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多