Fatal编程技术网

jQuery克隆问题

jquery

jQuery克隆问题,jquery,clone,Jquery,Clone,有没有人能检查一下，告诉我出了什么问题……我就是看不出来： function getStates(){ var stateData; $.getJSON("getStateData.php", function(data) { stateData = data; var theLastGroup = ""; $("#groupList").empty(); $("#stateList").empty(); $.each(stateData, func

有没有人能检查一下，告诉我出了什么问题……我就是看不出来：

function getStates(){
var stateData;

$.getJSON("getStateData.php", function(data) {
    stateData = data;
    var theLastGroup = "";

    $("#groupList").empty();
    $("#stateList").empty();

    $.each(stateData, function(i,jsonData) {
        if( theLastGroup != jsonData.groupName )
        {
            $("#listModel").clone(true).removeAttr("id").attr("id", "Group_" + i).removeClass("hidden").appendTo($("#groupList"))
                .find(".url").attr("href", "#"+jsonData.groupName).end()
                .find(".groupName").html(jsonData.groupID);

            $("#groupModel").clone(true).removeAttr("id").removeClass("hidden").attr("id", jsonData.groupName).appendTo($("#stateList"));
        }


        $("#stateModel").clone(true).removeAttr("id").attr("id", jsonData.stateName).removeClass("hidden").appendTo($("#"+jsonData.groupName))
            .attr("sname", jsonData.stateName).attr("lat", jsonData.centerLat).attr("lon", jsonData.centerLon)
            .attr("zom", jsonData.zoom).html(jsonData.stateName);

        if( theLastGroup != jsonData.groupName )
        {
            theLastGroup = jsonData.groupName;
        }
    });
    $("#tabs").tabs();
});

}
…以及最终调用上述GetState的HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>My Page</title>

<link href="js_src/css/cupertino/jquery-ui-1.8.11.custom.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry&sensor=false"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.js"></script>

<script type="text/javascript" language="javascript" src="js_src/geoxml3.js"></script>
<script type="text/javascript" language="javascript" src="js_src/CTR.js"></script>
<script type="text/javascript" language="javascript" src="js_src/common.js"></script>
<script type="text/javascript" language="javascript" src="js_src/mapNull.js"></script>
<script type="text/javascript" language="javascript" src="js_src/functions.js"></script>

<style type="text/css">
    div.hidden {display:none;}
    li.hidden {display:none;}
    span.hidden {display:none;}
</style>
</head>
<ul>
    <li id="listModel" class="hidden"><a class="url"><span class="groupName"></span></a></li>

    <div id="groupModel" class="hidden"></div>
    <span id="stateModel" class="hidden" sname="name" lat="0.0" lon="0.0" zom="7"></span>
</ul>

<body>
<h4>MyPage</h4>
<div id="tabs" style="height:100px" class="hidden">
    <h5>select a state...</h5>

    <ul id="groupList"></ul>
    <div id="stateList"></div>
</div>

<div id="map" style="float:left;"></div>

</body>
</html>
当页面加载时，从mapNull.js脚本调用getStates函数

有什么想法吗？

这部分代码介于和之间。。。。也就是说，在标记之外：

将它放在内部将是实现这一目标的良好第一步：

如果您告诉我们您迄今为止尝试调试它的内容以及向您展示的内容，这将有所帮助。您的HTML标记是什么？你的数据是什么？你到底想发生什么？给我们的细节越多，我们就越容易帮助您。如果可以的话，最好将简化的代码示例放在jsfiddle.net中，它可以复制这个问题。。。为了调试，我在不同的地方插入了警报。我确实从PHP调用中得到了数据……这就是我所期望的数据。所有这些似乎都没问题……只是克隆似乎没有发生。我希望一旦所有的克隆完成，就可以构建这些标签……你能描述一下上述代码的预期结果以及你实际看到的情况吗？来自getStateData.php的JSON也会很有帮助。预期的结果是有一个“动态”jQuery选项卡，其中填充了JSON数据。JSON数据如下：centerLat，centerLon，zoom，stateName，groupName 139.50，-98.35,5，美国地图，AllStates 32.7990，-86.8073,7，阿拉巴马州，AStates 61.5850，-152.2683,4，阿拉斯加州，AStates-14.3331，-170.0000,10，美属萨摩亚州，AStates 34.200，-111.3877，亚利桑那州，AStates 34.9513，-92.3809,7，阿肯色州，AStates，AStates我会这么做的……可能是我的金发女郎，但出于某种原因，我认为它需要在头部，以防止它出现在页面上。哦，好吧，谢谢你的“隐藏”类应该注意隐藏元素。如果不将元素放置在中，则将其留给用户代理来决定放置位置。我想一些UA可能会把它放在里面，但任何事情都可能发生……它可以被忽略。如果希望将其正确插入DOM，最好将其放在内部。让我们知道这是否解决了它。好的，在一些头发拉扯和咬牙切齿之后。我终于找到了真正有用的东西…有点。它确实起了一点作用。我得到一个包含所有选项卡标题的选项卡，以及该选项卡正文中的所有数据项。。。 
<ul>
    <li id="listModel" class="hidden"><a class="url"><span class="groupName"></span></a></li>

    <div id="groupModel" class="hidden"></div>
    <span id="stateModel" class="hidden" sname="name" lat="0.0" lon="0.0" zom="7"></span>
</ul>