jQuery-将文本追加为列表

我想把值作为一个列表附加，但不知怎么的，我不能这样做

当我尝试添加它时，它只是与其他列表重叠。当我添加CSS以消除重叠时，我无法拍摄单击事件。您可以在下图中看到

下面是我用来将值作为列表附加的代码：

$.getJSON('path to json', function(data) {

        $.each( data.markers, function(i, value) { 
            var radlat1 = Math.PI * position.coords.latitude/180;
            var radlat2 = Math.PI * value.latitude/180;
            var radlon1 = Math.PI * position.coords.longitude/180;
            var radlon2 = Math.PI * value.longitude/180;
            var theta = position.coords.longitude-value.longitude;
            var radtheta = Math.PI * theta/180;
            var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);
            dist = Math.acos(dist);
            dist = dist * 180/Math.PI;
            dist = dist * 60 * 1.1515;
            dist = dist * 1.609344;
            if(dist<10){
            var myLatlng = new google.maps.LatLng(value.latitude, value.longitude);

            var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: "text "+value.longitude
            });

            $(".newclasscheck").append("<li>"+value.content+"</li>");
            }

        });
});

我的php代码如下所示，在这里我附加了以下内容：

    <ul class="newclasscheck"></ul>
                <ul class="check">
                <?php
                    foreach($result as $results)
                    {
                        $atag = "#filter-list-".$results->fax;
                        $results->wpsl_id;
                        $results->store.'<br/>'; 
                        $results->address.'<br/>'; 
                        $results->address2.'<br/>';
                        $results->city.'<br/>';
                        $results->state.'<br/>';
                        $results->country.'<br/>';
                        $results->description.'<br/>';
                        $results->phone.'<br/>';
                        $posts[] = array('latitude'=> $results->lat, 'longitude'=> $results->lng, 'area'=>$atag, 'content'=> $results->store); 
                ?>
                <li class="area-element <?php echo $results->fax;  ?>"><div><p><strong class="lstore <?php echo $results->store; ?>" data-value-lat="<?php echo $results->lat; ?>" data-value-lng="<?php echo $results->lng; ?>"><?php echo $results->store; ?></strong><span class='wpsl-street'><?php echo $results->address;?></span><span class='wpsl-street'><?php echo $results->address2;?></span><?php echo $results->city ."". $results->state ."".$results->zip ; ?></p><span><a href="?page_id=417&store_id=<?php echo $results->wpsl_id ?>" class='more-details'>More details</a></span></div></li>  
                <?php 
                    } 
        ?>

---

我应该怎么做才能打印出和check类相同的列表？我缺少的是什么？

你能发布一个提琴吗？我不可能在提琴cz上显示我使用的是wordpress，上面的列表来自数据库。你是否尝试过为你的uls使用clear:两种样式以防止重叠？是的。。我刚刚在你的评论后尝试过。但没有成功…有可能看到你的网页吗？可能需要调试。。