Home/ Questions/Q 3846068
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T16:20:27+00:00

I have found that to enable and disable buttons in JqueryMobile I have had

  • 0

I have found that to enable and disable buttons in JqueryMobile I have had to do the following:

 $("#enable-livetv").addClass("livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b");
 $("#disable-livetv").addClass("livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c");

In Css is there a way to group up the classes that I can reuse them rather than having to paste that code all over the place?

So I am looking for :

$("#enable-livetv").addClass("enablebuttonstyle");
$("#disable-livetv").addClass("disablebuttonstyle");
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Doesn’t this work?

    var classes_enable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b";
var classes_disable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c";
$("#enable-livetv").addClass(classes_enable);
$("#disable-livetv").addClass(classes_disable);

    [EDIT]

    As per the OP’s question, here’s how to reuse the defined vars across many files.

    First, create a file, let’s say, defines.js, in /js folder (can be anything, really, this is just an example).

    var classes_enable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b";
var classes_disable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c";

    Then, each time the defines are needed, it’s enough to include the JS file in the <head> tag like so:

    <script type="text/javascript" src="js/defines.js"></script>

    The variables should be reuseable now.

    • 0