javascript - Jquery .html 不起作用

Question

嘿，这是我在这个网站上的第一个问题。

我正在为客户创建一个网页，该页面需要加载一次，并且用户可以使用箭头浏览网站的不同部分，这些箭头将激活一个 jquery 脚本，该脚本将切换页面的 HTML ...

这是我使用的 JavaScript:

<script type="text/javascript">
    function loadPage(div){
        if($("#page_"+div).length != 0){//if the page div exitst, else return false.
            var image = $("#image_"+div).attr('src');
            var title = $("#title_"+div).html();
            var info = $("#info_"+div).html();
            $("#page").html('<img src="'+image+'" />');
            $("#title").html(title);
            alert($("#pageInfo").html());
            return true;
        }else{
            return false;
        } 
    }
    $(document).ready(function(){
        var div=1;   
        loadPage(div);
        //<buttons>
        $("#btnHome").click(function(){
            div = 1;
            loadPage(div);
        });
        $("#btnPrevious").click(function(){
            var success = loadPage((div-1));
            if(success == true){
                div--;
            }
        });
        $("#btnNext").click(function(){
            var success = loadPage((div+1));
            if(success == true){
                div++;
            }
        });
        $("#btnInfo").click(function(){
            $(".pageInfo").slideDown('fast');
        });
        $("#btnClose").click(function(){
            $(".pageInfo").slideUp('fast');
        });
        //</buttons>
    });
</script>

这是 html:

 <div id="page">
    <div id="pageInfo">
        a
    </div>
</div>

当我警告我在 Javascript 中设置的变量时，我得到了想要的结果，但是当我警告时:

alert($("#pageInfo").html());

结果是“null”，哦，JQuery 也包含在内。

有人可以帮我了解这些信息吗？或者我错过了重要的部分。-编辑:HTML 的其余部分(源代码)。

<div id="wrapper">



            <div class="pages" id="page_1">

                <h1 id="title_1">Startpunt</h1><img class="pagesImage" id="image_1" src="http://www.naviplan.nl/files/routefiles/1/1/67.jpg">               

                <div class="pagesInfo" id="info_1">INFO TEXT                    <a data-role="button" id="btnClose" href="#" data-icon="arrow-u">Sluiten</a>

                </div>

            </div>



            <div class="pages" id="page_2">

                <h1 id="title_2">Geen titel.</h1><img class="pagesImage" id="image_2" src="http://www.jomaverhuur.nl/wp-content/uploads/2011/02/no-image.gif">               

                <div class="pagesInfo" id="info_2">                    <a data-role="button" id="btnClose" href="#" data-icon="arrow-u">Sluiten</a>

                </div>

            </div>



            <div class="pages" id="page_3">

                <h1 id="title_3">Geen titel.</h1><img class="pagesImage" id="image_3" src="http://www.jomaverhuur.nl/wp-content/uploads/2011/02/no-image.gif">               

                <div class="pagesInfo" id="info_3">                    <a data-role="button" id="btnClose" href="#" data-icon="arrow-u">Sluiten</a>

                </div>

            </div>



            <div class="pages" id="page_4">

                <h1 id="title_4">Geen titel.</h1><img class="pagesImage" id="image_4" src="http://www.jomaverhuur.nl/wp-content/uploads/2011/02/no-image.gif">               

                <div class="pagesInfo" id="info_4">                    <a data-role="button" id="btnClose" href="#" data-icon="arrow-u">Sluiten</a>

                </div>

            </div>



            <div class="pages" id="page_5">

                <h1 id="title_5">Geen titel.</h1><img class="pagesImage" id="image_5" src="http://www.jomaverhuur.nl/wp-content/uploads/2011/02/no-image.gif">               

                <div class="pagesInfo" id="info_5">                    <a data-role="button" id="btnClose" href="#" data-icon="arrow-u">Sluiten</a>

                </div>

            </div>



            <div class="pages" id="page_6">

                <h1 id="title_6">Geen titel.</h1><img class="pagesImage" id="image_6" src="http://www.jomaverhuur.nl/wp-content/uploads/2011/02/no-image.gif">               

                <div class="pagesInfo" id="info_6">                    <a data-role="button" id="btnClose" href="#" data-icon="arrow-u">Sluiten</a>

                </div>

            </div>



            <div class="pages" id="page_7">

                <h1 id="title_7">Eindpunt</h1><img class="pagesImage" id="image_7" src="http://www.naviplan.nl/files/routefiles/1/17/finish56.png">               

                <div class="pagesInfo" id="info_7">                    <a data-role="button" id="btnClose" href="#" data-icon="arrow-u">Sluiten</a>

                </div>

            </div>

        <div data-role="header" data-position="inline" data-position="fixed" >

    <a id="btnHome" href="#" data-icon="home">Homepage</a>

    <h1 id="title"></h1>

</div>

您好，危害。

(如果这个问题已经被问到，我很抱歉，但我不知道在哪里搜索。)

Answer 1

您没有alert$("#pageInfo").html()，您的代码显示alert($(".pageInfo") .html())...