javascript - 来自属性的变量只显示第一个词

Question

我有一个 ListView ，其中动态填充了我正在开发的商店定位器的报价。 ListView 可以很好地填充带有报价标题和报价描述的格式化列表。

我正在尝试创建一个已保存的功能，用户可以在其中保存优惠以供离线使用。为此，我将数据库值传输到动态 ListView 的属性中，我可以将它们放入变量中以供 session /本地存储等使用。

这是我定义属性并显示 ListView 的 js 代码。

var output1 = '';                                                                                                                                                                                                                     
function getoffers(data) {                                                                                                                                                                                                            
    var data = JSON.parse(data);                                                                                                                                                                                                      
    console.log(data);                                                                                                                                                                                                                
    $.each(data, function(index, value){        
        output1 += '<li offertitle='+value.offer_title+' offer-desc='+value.offer_desc+' offer-expiry='+value.expiry_date+'><a href="#""><h1>'+value.offer_title+'</h1><p>'+value.offer_desc+'</p><p class="ui-li-aside"><b>Expiry Date:</b>'+value.expiry_date+'</p></a></li>';                                                                                                                       
    });                                                                                                                                                                                                                               
    $('#offerlist').html(output1).listview().listview('refresh');                                                                                                                                                                     
} 

如您所见，我显示数据库值并将它们分配给动态 ListView 行中的属性。

我在单击 ListView 行时创建变量，我在其中提醒每个变量进行测试。这是我发现变量只有第一个词(应该是一段)的地方。

例如。应该说“买一送一”的报价。仅在变量中返回“Buy”。

$("#offers ul").on("click", ">li", function(event, ui) {                                                                                                                                                                           
    var offertitle = $(this).closest('li').attr('offertitle'); 
    var offerdesc = $(this).closest('li').attr('offer-desc');
    var offerexpiry = $(this).closest('li').attr('offer-expiry'); 

    alert(offertitle);
    alert(offerdesc);
    alert(offerexpiry);                                                                                                                                                                                       
}); 

Answer 1

您没有引用该属性，因此只有第一个单词被视为它的一部分。

你需要这样设置:

output1 += '<li offertitle="'+value.offer_title+'" offer-desc="'+value.offer_desc+'" offer-expiry="'+value.expiry_date+'"><a href="#""><h1>'+value.offer_title+'</h1><p>'+value.offer_desc+'</p><p class="ui-li-aside"><b>Expiry Date:</b>'+value.expiry_date+'</p></a></li>';

顺便说一句，您不应该定义自己的自定义属性，而应该使用 HTML data attributes .