Javascript 在html中添加jquery，但不使用'；我不懂风格

我在我的网页中添加了一些带有js的li，对于这个li，我使用了一些jquery mobile样式表： 对于加载js，我使用以下代码：

$(document).bind('pageshow', function () {
    LoadLaadPalen.init();
}

然后将使用此代码：

var myData = [
    {"Identifier":1,"Naam":"NOT Given","Adres":"Kopenhagen 9","Postcode":"0000LL","Plaats":"NOT Given","Longitude":"0.00000","Latitude":"0.00000"},
    {"Identifier":2,"Naam":"NOT Given","Adres":"NOT Given 1","Postcode":"0000LL","Plaats":"Rotterdam","Longitude":"0.00000","Latitude":"0.00000"},
    {"Identifier":3,"Naam":"NOT Given","Adres":"NOT Given 6","Postcode":"0000LL","Plaats":"Rotterdam","Longitude":"0.00000","Latitude":"0.00000"},
    {"Identifier":4,"Naam":"NOT Given","Adres":"NOT Given 1","Postcode":"0000LL","Plaats":"Den Haag","Longitude":"0.00000","Latitude":"0.00000"},
    {"Identifier":5,"Naam":"NOT Given","Adres":"NOT Given 218","Postcode":"0000LL","Plaats":"Zoetermeer","Longitude":"0.00000","Latitude":"0.00000"}
];

$('.result').append("moi");

var items = [];
$.each(myData, function(index, element) {
    $('.greenfluxlist').append('<a href="#" rel="external"><li id="' + element.Identifier + '"><h3>' + element.Naam + '</h3><p>' + element.Adres +  '</p></li></a>');
});

var myData=[
{“标识符”：1，“Naam”：“未给出”，“Adres”：“Kopenhagen 9”，“邮政编码”：“0000LL”，“Plaats”：“未给出”，“经度”：“0.00000”，“纬度”：“0.00000”}，
{“标识符”：2，“Naam”：“未给出”，“Adres”：“未给出1”，“邮政编码”：“0000LL”，“Plaats”：“鹿特丹”，“经度”：“0.00000”，“纬度”：“0.00000”}，
{“标识符”：3，“Naam”：“未给出”，“Adres”：“未给出6”，“邮政编码”：“0000LL”，“Plaats”：“鹿特丹”，“经度”：“0.00000”，“纬度”：“0.00000”}，
{“标识符”：4，“Naam”：“未给出”，“Adres”：“未给出1”，“邮政编码”：“0000LL”，“Plaats”：“Den Haag”，“经度”：“0.00000”，“纬度”：“0.00000”}，
{“标识符”：5，“Naam”：“未给出”，“Adres”：“未给出218”，“邮政编码”：“0000LL”，“Plaats”：“Zoetermeer”，“经度”：“0.00000”，“纬度”：“0.00000”}
];
$（'.result'）。追加（“moi”）；
var项目=[]；
$.each（myData、函数（索引、元素）{
$（'.greenfluxlist'）。追加（''）；
});

这必须附在本节之后：

<div data-role="content" data-theme="a">
    <div id="laadpalen">
        <p><strong>Op deze locaties zijn laadpunten aanwezig:</strong></p>
        <div class="result">
            <ul class="greenfluxlist" data-role="listview" data-inset="true"></ul>
        </div>
    </div>
</div>

zijn laadpunten aanwezig地区运营商：

---

但不幸的是，我看不出有什么风格。我只看到带文本和蓝色标准链接的项目符号。。另外，如果我要检查源代码，没有任何html li代码，但在网页上我看到它们

尝试添加如下内容：

$('.greenfluxlist').listview('refresh');

我可以给你举个例子。第一个附加函数：

function success(data)
            {
                var html ='';
                $.each(data.response, function(key, value) {
                html += '<li><a class=contact href="#" id="' + data.response[key].id + '" ><h1>' + data.response[key].label + '</h1><p>'+ data.response[key].customer + '</p></a></li>';
                $('#contact_listview').append($(html));
                html='';
                });
                $('#contact_listview').trigger('create');    
                $('#contact_listview').listview('refresh');
                $.hidePageLoadingMsg;
            }

功能成功（数据）
{
var html=''；
$.each（数据、响应、函数（键、值）{
html+='
'；
$（'#contact_listview'）。追加（$（html））；
html=''；
});
$（'#contact_listview'）。触发器（'create'）；
$（'u#contact_listview'）。listview（'refresh'）；
$.hidePageLoadingMsg；
}

现在是html定义：

<ul data-role="listview"  id="contact_listview" data-filter="true">

</ul>

尝试添加如下内容：

$('.greenfluxlist').listview('refresh');

我可以给你举个例子。第一个附加函数：

function success(data)
            {
                var html ='';
                $.each(data.response, function(key, value) {
                html += '<li><a class=contact href="#" id="' + data.response[key].id + '" ><h1>' + data.response[key].label + '</h1><p>'+ data.response[key].customer + '</p></a></li>';
                $('#contact_listview').append($(html));
                html='';
                });
                $('#contact_listview').trigger('create');    
                $('#contact_listview').listview('refresh');
                $.hidePageLoadingMsg;
            }

功能成功（数据）
{
var html=''；
$.each（数据、响应、函数（键、值）{
html+='
'；
$（'#contact_listview'）。追加（$（html））；
html=''；
});
$（'#contact_listview'）。触发器（'create'）；
$（'u#contact_listview'）。listview（'refresh'）；
$.hidePageLoadingMsg；
}

现在是html定义：

<ul data-role="listview"  id="contact_listview" data-filter="true">

</ul>

看看你的定义。它应该以

开头：

<li><a href="bmw.html">BMW</a></li>

---

看看你的定义。它应该以

开头：

<li><a href="bmw.html">BMW</a></li>

---

检查DOM，而不是“源代码”。右键单击元素并选择“检查元素”（或类似项）。您好！您提到的样式应该应用于哪些元素？请显示CSS，其中可能有错误。请检查DOM，而不是“源代码”。右键单击元素并选择“检查元素”（或类似）。您好！您提到的样式应该应用于哪些元素？请显示CSS，其中可能有错误。它在我的文件中起作用：P您是否尝试为您的目的编辑我的代码？它在我的文件中起作用：P您是否尝试为您的目的编辑我的代码？我猜它必须与加载顺序一致您是否添加了$（'.greenfluxlist'）。触发器（'create'）；？我添加了$（'.greenfluxlist'）.trigger（'create'）；它工作了，谢谢！你能简单地解释一下触发器是什么吗？它使所有的动作发生。它是一种应用你的动作的“applier”。我在翻译：“haan van een vuurwapen”：我想它必须与加载序列一起工作。你添加了$（'.greenfluxlist'）.trigger（'create'）；？我添加了$（'.greenfluxlist'）。trigger（'create'）；它起作用了，谢谢！你能简单解释一下触发器的作用吗？它使所有的动作都发生了。它是一种应用你的动作的“应用程序”。我在翻译：“haan van een vuurwapen”：D中找到了它