jquery mobile and dynamic content

[fgiraud]

Hi! I'm trying to use swipe with jquery mobile 1.2.0 and dynamic content. But i reproduce the offset problem : div's are showing up stacked on top of each other, below the 'slider'.
To show it, you can see the brad birdsall's jsFiddle (http://fiddle.jshell.net/bradbirdsall/PT5d3/) and replace the pageshow function :

<script> $('#home').live('pageshow',function(){ window.slider = Swipe(document.getElementById('slider')); var content = "

1

"; content+="

2

"; $('#slider').append(content); slider.setup(); }); </script>

[ilhan88]

I thank you from the bottom of my heart. I was struggling with this "display bug" for weeks.

This fixed it for me:

I'm using the swipe files by bradbirdsall in combination with the: jquery.mobile-1.3.0.js and jquery-1.9.1.js libraries.

I've placed the following code: $(document).delegate("#page_id", "pageshow", function() {
before the setup script which bradbirdsall has placed underneath the index page.
This runs the swipe function when the page is showed up.

See an example of how I use the code underneath:

/*
Slider setup [inname_uitgave page]
*/

var elem = document.getElementById('slider');

// runs the script when page is showed up
$(document).delegate("#inname_uitgave", "pageshow", function() {

window.slider = Swipe(elem, {
  // startSlide: 4,
  // speed: 400,
  // auto: 3000,
  // continuous: true,
  // disableScroll: true,
  // stopPropagation: true,
  callback: function(index, element) {
    $('.index_slider').html(index);


    }



    },
  // transitionEnd: function(index, element) {}
});

});

[TheHackerDev]

I'm still not sure how you managed to get this to work, @ilhan88. What did you mean with the "#inname_uitgave" portion of the code? Would you be able to post your solution to jsfiddle?

EDIT:
I had "position: relative" in my CSS file for the swipe class (".swipe") for some reason. I took that out and it worked. The slider is still offset to the left a little bit, but it works now. I just copied over the "Swipe 2 required styles" portion of the CSS on @bradbirdsall's jsfiddle (http://fiddle.jshell.net/bradbirdsall/PT5d3/) to replace my own "Swipe 2 required styles" and it worked. Not sure why there was a discrepancy between the two though.