Question

我有这个复选框，当它被选中时，它应该将一些文本/内容添加到收藏页面。我试图找到一种方法来实现它，但到目前为止还没有运气。我一直试图绕过这段代码：使用Javascript：

$( document ).on( "pagecontainerbeforeshow", function( event, ui ) {
    if(ui.toPage.is('#favs')){
        if($('#event1Fav').is(":checked")){
            $('#favs#favList').append('<br /><a href="#eventDesc1">Event 1</a><br />');
            } else{
                $('#favs-content').append("");
            }
    }
    } );

HTML：

<input type="checkbox" id="event1Fav"/>Add to Favourites

任何帮助都会非常有用：）

Answer 1

正确您在其他页面中有复选框，您必须指定它在哪个页面。如果您在具有相同ID的不同页面中使用相同的复选框，则会出现这种情况。

此外，#favs#favList是一个错误的选择器，你应该在它们之间留一个空格。或者在目标网页$("#favList", ui.toPage)或ui.toPage.find("#favList")内找到它。

使用Javascript：

$( document ).on( "pagecontainerbeforeshow", function( event, ui ) {
    if(ui.toPage.is('#favs')){
        if($('#pageID #event1Fav').is(":checked")){
            $('#favList', ui.toPage).append('<br /><a href="#eventDesc1">Event 1</a><br />');
        } else {
            $('#favs-content', ui.toPage).append("");
        }
    }
});

jquery mobile pagecontent beforeshow not working

1 个答案: