简体   繁体   中英

why .popup('open') is not working in jquery Mobile?

I am opening a pop up screen on anchor tag I don't know why it is not open. I used many time this line to open the pop up. It always open. But this time it is not when I inspect it show 'display none' with no content.

I follow the steps

  1. Press add button (generate row)
  2. Click icon on the row (right side). Show pop up screen with edit and delete option.
  3. Press edit. It should show pop up screen, but it is not showing...

http://jsfiddle.net/4ajeB/11/

$('.edit_h').click(function(){

    alert("edit ID:"+$(this).data('originalId'));
    $("#editTestCaseId").popup("open");

})

This may not be a solution, but it is certainly a workaround.

After tracing the CSS and finding that jQuery was probably just being too greedy with its class adding/removing logic, I decided to try the popup("open", ...) call manually using the console. As it turns out, it works fine when done that way. I tried putting the call in the code in different places and in multiples to no avail. As it turns out, other people have run into the same problem. The workaround posted here seems to do the trick:

setTimeout(function () {
    $("#editTestCaseId").popup("open");
}, 100);

Why this has to be done? I have no idea.

JSFiddle: http://jsfiddle.net/4ajeB/12/

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM