更改列表視圖分割按鈕的主題

我正在努力解決這個任何人都可以幫助。我所追求的是當作業被添加到收藏夾列表中時，分割列表視圖右側的圖標會變黃或其它。看我的代碼...更改列表視圖分割按鈕的主題

//Add some global vars 
jobid_fav = ''; 

//console.log(user_id); 
$('.favs').click(function (e) { 
    //$(this).attr("data-theme", "e");//.removeClass("ui-btn-up-c").addClass("ui-btn-up-e"); 
    jobid_fav = $(this).parent().attr('data-name'); 
    $('#addtofav').popup("open"); 
}); 

//Add the job ID to the user favourite list 
$('#yesfav').click(function (e) { 
    var uid = $('#userid').val(); 
    if (uid) { 
     addToFavourites(jobid_fav, uid); 
    } else { 
     //Send user to login 
     $.mobile.changePage("login.php", { transition: "slideup"}); 
    } 
    $('#addtofav').popup("close"); 
}); 

//Bail out 
$('#nofav').click(function(e){ 
    $('a [data-name='+ jobid_fav + ']').attr("data-theme", "e"); 
    //console.log($('a [data-name='+ jobid_fav + ']')); 
    $('#addtofav').popup("close"); 
});

你可以看到我已經嘗試了一些東西，還有很多更多！該網站的鏈接是http://www.employmenow.co.uk/web/m

的yesfav和nofav從彈出的窗口中點擊按鈕。

任何幫助，將不勝感激

羅布

來源

2013-12-15 bobcoder

不幸的是，jQuery Mobile的沒有反應.listview("option", "splitTheme", "e")改變劈扣的主題。因此，唯一的方法是通過將ui-btn-up-e類添加到span類別ui-btn手動執行此操作，該類是分割按鈕的子項。

我已經添加fav類來拆分按鈕，以便將它們存儲在變量中並稍後調用它們。

// var to store object 
var split_btn = ""; 

// save object of clicked split button 
$(".fav").on("click", function() { 
    split_btn = $(this); 
}); 

// popup buttons, if yes, remove old theme and add new one 
$("#yes").on("click", function() { 
    split_btn.find("span.ui-btn").toggleClass("ui-btn-up-c ui-btn-up-e"); 
    $("#popup").popup("close"); 
});

Demo

來源

2013-12-16 12:02:17 Omar

更改列表視圖分割按鈕的主題

回答

相關問題