jQuery模板不加载时,我使用改变方法

jQuery template not loading when I use change method

本文关键字:改变 方法 加载 jQuery      更新时间:2023-09-26

我正在尝试使用jQuery移动和jQuery tmpl框架制作一个web应用程序。

我想加载第二个页面并应用模板,但appendTo方法似乎不起作用。

<div class="ui-block-a" >
    <a href="#" data-transition="slide" id="organiser">
        <div class="ui-bar ui-bar-a homepage-block homepage-block-purple">
            <div>
                <img src="../img/organiser.png" width="30px" height="30px">
            </div>
            <div class="homepage-block-text">
                <span style="font-size:30px;">10</span></br>
                Organiser
            </div>
        </div>
    </a>
</div>
$(document).on("click", '#organiser', function() {
    $(":mobile-pagecontainer").pagecontainer(
        "change",
        "organiser.html",
        {
            //reload : true,
            transition: "slide",
        }
    );
    var data = getData(1019386);
    $("ul.myclass").empty();
    $.tmpl(templateList, data).appendTo($("ul.myclass"));
})

我是jQuery的新手,我不明白为什么它不工作

请参阅上面的注释,是的,请尝试以下操作…

$(document).ready(function(){
    $('#organiser').on('click', function(){
        $(":mobile-pagecontainer").pagecontainer(
            "change",
            "organiser.html",
            {
                //reload : true,
                transition: "slide",
            }
        );
        var data = getData(1019386);
        var myClass = $('ul.myclass');
        myClass.empty();
        var tmpl = $.tmpl(templateList, data); // $.tmpl(templateList, data).someProperty()
        myClass.append(tmpl);
    });
});