Question

锚链接无法使用追加方法我也使用链接数据-ajax =“false”请告诉我？

$('#serviceContainer').append('<li data-role="list-divider" role="heading">'+trimText(events.event_title,30)+'</li>'+
'<li data-theme="d" class="li_list">'+'<div data-role="content"><a  data-ajax="false" data-transition="slide" href="detail.htm?eid='+events.event_id+'">Details</a></div></li>').trigger("create");

Answer 1

如果我是你，我会考虑使用模板来降低代码的复杂性，并使其更容易使用。有许多模板解决方案，甚至是jQuery one。

这是相当直接的。首先在脚本标记中提供模板：

<script id="itemTemplate" type="text/x-jquery-tmpl">
    <li data-role="list-divider" role="heading">
        <img src="${img}" />
        <div data-role="content">
            <a data-ajax="false" data-transition="slide" href="${href}">
                Details
            </a>
        </div>
    </li>
</script>

在这里，我已经表明，当我决定使用它时，我想为我的模板提供一个图像和一个href值。

在我的jQuery代码中，我可以抓住这个模板并命名它：

var itemtmpl = $( "#itemTemplate" ).template();

最后，当我想使用它时，我只提供一个包含所有占位符值的对象文字：

$.tmpl( itemtmpl , { img: "mainImage.jpg", href: "main.html" } )
    .appendTo( "#mylist" );

请注意这与您的初始方法相比有多友好。

演示：http://jsfiddle.net/2k2HQ/

javascript追加方法锚链接在jquery mobile中无法正常工作

1 个答案: