1

アンカー リンクが追加メソッドで機能しません。私もリンク 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");
4

1 に答える 1

0

私があなたなら、テンプレートを使用してコードの複雑さを軽減し、作業をはるかに簡単にすることを検討します。多くのテンプレート ソリューションがあり、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/

于 2012-11-20T14:15:43.690 に答える