HTML-теги href не работают - PullRequest
Новая
       7

HTML-теги href не работают

0 голосов
/ 12 мая 2018

Я извлек данные из xml, используя JQM и ajax, и я пытаюсь создать тег привязки, используя данные, динамически извлекаемые для «скрытых» страниц 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>
...