Home/ Questions/Q 6646537
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T00:25:43+00:00

Using this: <!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=viewport content=width=device-width, initial-scale=1> <title>Page Title</title>

  • 0

Using this:

<!DOCTYPE html> 
<html> 
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Page Title</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" />
    <script src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js">    </script>
</head> 
<body> 

<div data-role="collapsible" data-theme="a" data-content-theme="a">
   <h3>Header swatch A</h3>
   <p>I'm the collapsible content with a themed content block set to "A".</p>
</div>
</body>
</html>

I find that the expanding collapsible does not have the theme styling expected – in fact it has none. On viewing the source of the page and comparing it will the example page on jQuery mobile (http://jquerymobile.com/test/docs/content/content-collapsible.html) it appears that the following classes are missing from dynamically created div that wraps around the expanding paragraph below the header within the collapsible:

ui-btn-up-a ui-corner-bottom

The code running the example page is their own internal code and not the same as is used for deployment so I’m guessing there is something in theirs that is not in the beta release that dynamically creates the classes.

The question is whether anybody knows what the error is and how to solve this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Okay the answer is: “Theming collapsible content requires jquery 1.6.4”

    The referenced version is in the log for the rc1 release which was posted two days after I posted the above problem.

    I was using an older version, viewing the source on the jquery example page this wasn’t obvious as there is no version control reference immediately apparant just:

    <script src="../../js/jquery.js"></script>

    I’m not sure who would vote up the image path solution offered by Mike as being an answer to this question as it doesn’t answer the question posted.

    So if you upgrade your jq mobile you will need to upgrade your jquery to take advantage of what’s on offer.

    • 0