javascript append方法錨鏈接在jquery mobile中不起作用

Question

錨點鏈接無法使用append方法，我也使用鏈接數據-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標簽內提供模板：

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