jquery动态加载后的设计

Question

我有一个简单的 javascript 应用程序，它给出了 BLE 的一些信息。

一切正常，但 JQuery 移动图书馆有一些问题。

我想要整个应用程序简单 JQuery Data-Theme="b"。由于 List-View 是通过 addDevice 函数动态创建的，因此它不适用于 JQuery。当我在没有 .append() 命令的情况下尝试时，它正在运行 - 所以我的 JQuery 移动图书馆没有问题。我还尝试使用 .append() 命令添加 data-theme 属性，如下所示：

    $devices.attr("data-theme" , "b");

但还是不行..

以下是我的 html 和 javascript 文件的摘录。

html:

 <ul data-role="listview" class="devices" id="myresult" data-theme="b"></ul>
    <div data-role="content" id="result">
         <script type="text/template" id="device">   
            <ul data-role="listview" data-theme="b">
                <li data-address="{0}">
                    <h2>{1}</h2>
                    <h2>RSSI: {2}</h2>
                </li> 
            </ul>
        </script>   
    </div>

javascript:

function addDevice(address, name, rssi)
{
    for (var i = 1; i<50; i++)
    {
        var $devices = $(".devices");

        var $check = $devices.find("li[data-address='{0}']".format(address));

        if ($check.length > 0)
            {
                return;
            }
        var template = $("#device").text().format(address, name, rssi);

        $devices.append(template);
        window.setTimeout(50000);

        if (rssi < -90){    
        alert(name + " loses proximity");
        }
    }       
}

也许有人知道我的代码有什么问题..

Answer 1

我不知道你想在这里实现什么。但是您可以使用以下代码在 Jquery Mobile 的列表视图中动态附加数据。

HTML:

<div data-role="content">
<ul data-role="listview" class="devices" id="myresult" data-theme="b"> 
</ul>
</div>

Javascript : 非常简单易行。

function addDevice(address,name,rssi) {

var result ="";

for (int i = 1; i<50;i++) { result += '<li>'+address+'<h2> '+name+'</h2>' result +='<h2> RSSI : '+rssi+'</h2>' result +='</li>' } $('#myresult').append(result); }

此外，您还可以使用 jquery 手机查看下方 link 的动态列表。 http://jsfiddle.net/Gajotres/8uac7/

jquery动态加载后的设计

jquery design after dynamically loading

html

javascript

jquery

jquery-mobile