更改列表视图拆分按钮的主题答案

【问题标题】：Change theme of listview split button更改列表视图拆分按钮的主题
【发布时间】：2013-12-15 15:21:29
【问题描述】：

我正在努力解决这个问题，任何人都可以提供帮助。我所追求的是将作业添加到收藏列表时，拆分列表视图右侧的图标将变为黄色或其他任何东西。查看我的代码...

//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 是来自弹出窗口的按钮点击。

任何帮助将不胜感激

罗伯

【问题讨论】：

标签： jquery listview jquery-mobile mobile

【解决方案1】：

不幸的是，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

【讨论】：