更改listview拆分按钮的主题

时间:2013-12-15 15:21:30

标签: jquery listview jquery-mobile mobile

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

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

非常感谢任何帮助

Rob

1 个答案:

答案 0 :(得分:0)

不幸的是,jQuery Mobile没有对.listview("option", "splitTheme", "e")做出反应来更改分割按钮的主题。因此,唯一的方法是手动执行此操作,方法是将ui-btn-up-e类添加到spanui-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