HTML href标记不起作用

时间:2018-05-12 20:43:55

标签: javascript jquery html jquery-mobile

我使用JQM和ajax从xml中提取数据,我正在尝试使用动态提取的数据创建一个锚标记,以“隐藏”data-role =“page”页面。

但是我的标签/链接似乎不起作用。

使用的代码如下:

<!DOCTYPE html>
<html>
<head>
    <title>Jquery mobile</title>
    <link rel="stylesheet" 
     href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile- 
     1.4.5.min.js"></script>
</head>
<body>
    <script type="text/javascript">

        console.log("starting...");

        var xml;
            $(document).ready(function () {
                $.ajax({
                    type: "GET",
                    url: "lolcatz.xml",
                    dataType: "xml",
                    success: xmlParser
                    });
                });

        function xmlParser(data) {

        xml=data;

        $(xml).find("kitteh").each(function () {
            kitteh = $(this);
            var name = $(kitteh).find("name").text();
            var src = $(kitteh).find("url").text();

            name=name.replace(/\s+/g, '');

            name = name.charAt(0).toLowerCase() + name.substr(1);

            $("#myList").append('<li><a href="#'+name+'" >'+name+'</div></li>');

            $("#test").append('<li><div data-role="page" id="'+name+'" ><img 
            src='+src+' alt="Image"></div></li>');

             });
        }


</script>

        <div data-role="page">
            <div class="content-primary">
                <div data-demo-html="true">
                    <ul date-role="listview" id="myList" >


                    </ul>
                </div>
            </div>
        </div>

        <div>
            <ul date-role="listview" id="test">

            </ul>
        </div>



</body>
</html>

0 个答案:

没有答案