issue with collapsible content event jqm:1.1.1
Hello,
First of all, i want to apologize for my mistakes in english (i'm french...).
In the previous version of jqm : 1.1.0, i could associate an event on img in a collapsible content block but i'm unable to do the same thing in the last stable version.
But i think that it's easier to understand with a simple code :
test.html
- <htlm>
- <head>
- <title>Demo</title>
- <meta name="viewport" content="width=device-width, initial-scale=1"/>
- <link rel="stylesheet" href="jquery.mobile-1.1.0/jquery.mobile-1.1.0.css"/>
- <link rel="stylesheet" href="test.css"/>
- <script src="jquery-1.7.1.min.js"></script>
- <script src="jquery.mobile-1.1.0/jquery.mobile-1.1.0.min.js"></script>
- <script type="text/javascript" src="test.js"></script>
- </head>
- <body>
- <div data-role="page">
- <div data-role="collapsible" data-theme="e" data-content-theme="e" class="collapsedMed">
- <h4>titre1
- <span class="colright">
- <img class="imgClick" src="images/Alarm-Tick-icon.png" alt="valider" title="Valider"/>
- </span>
- </h4>
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li>info1</li>
- <li>info2</li>
- </ul>
- </div>
- </div>
- </body>
- </html>
test.js
- $(".imgClick").live('click', function(){
//$(document).delegate(".validerAdmin", "click", function(){
alert('ok');
});
test.css
- .colright{
float:right;
}
.imgClick{
width: 28px;
height: 28px;
margin-left: 10%;
margin-right: 10%;
}
This code works with jqm 1.1.0 but not with jqm 1.1.1 !!!
Can you help me?