1

Please help me in this problem.. why my j-flow slider does not working correctly.. I coy code by j-flow demo.. Please check my given link:

https://dl.dropboxusercontent.com/u/103234001/test/index.html

may be my document ready function have some problem. But I don't know,whats wrong with me.. 

$(document).ready(function(){

    $("#myController").jFlow({

        controller: ".jFlowControl", // must be class, use . sign

        slideWrapper : "#jFlowSlider", // must be id, use # sign

        slides: "#mySlides",  // the div where all your sliding divs are nested in

        selectedWrapper: "jFlowSelected",  // just pure text, no sign

        effect: "flow", //this is the slide effect (rewind or flow)

        width: "940px",  // this is the width for the content-slider

        height: "300px",  // this is the height for the content-slider

        duration: 400,  // time in milliseconds to transition one slide

        pause: 5000, //time between transitions

        prev: ".jFlowPrev", // must be class, use . sign

        next: ".jFlowNext", // must be class, use . sign

        auto: true  

});

});

user3331775
  • 11
  • 1

1 Answers1

1

You're trying to load jquery from http on an https. jQuery is not getting loaded. Best solution is to use a local version of jquery and refer to it like the rest of your scripts. otherwise you can include jquery like google libraries specifies... 

 <script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.0/jquery.mobile.min.js"></script>

note the lack of http or https

using your browsers debugging tools makes issues like this easy to spot.

Bryan
  • 3,449
  • 1
  • 19
  • 23
  • Thanks Bryan.. I also use local jquery and your given script.. but there is same problem.. – user3331775 Feb 20 '14 at 09:37
  • No you're not. I'm looking at the page source. Get rid of the one that's getting blocked and only load a local version of jquery. – Bryan Feb 20 '14 at 09:42
  • firefox->web developer->console all the problems are clearly listed. mainly "Blocked loading mixed active content "`http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js`" – Bryan Feb 20 '14 at 09:43
  • sorry, mainly I am new and I know my jquery is missing.. I try different type... there is no change.. So Please give me details.. I also try this – user3331775 Feb 20 '14 at 11:42