Preparation code

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://babulina.go-nix.ca:8080/nix/jqm/controlgroup.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" />
<script>
window.testDiv = $(
'       <div data-role="controlgroup" data-type="horizontal">' +
'               <a href="#" data-role="button">Button 1</a>' +
'               <a href="#" data-role="button">Button 2</a>' +
'               <a href="#" data-role="button">Button 3</a>' +
'       </div>'
);
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

window.testDiv.clone().appendTo( "body" ).controlgroup().remove();
 

window.testDiv.clone().appendTo( "body" ).controlgroup2().remove();

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

0 comments