javascript - javascript append方法锚链接在jquery mobile中不起作用

Question

锚链接不适用于附加方法我也使用链接 data-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 的。

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

<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/