jQuery.stayInWebApp icon indicating copy to clipboard operation
jQuery.stayInWebApp copied to clipboard

Isn`t working and tried a long time

Open tcruise52 opened this issue 10 years ago • 1 comments

Hey there, Hope anybody can help me. I made a web-app with jquery mobile and I have three pages. index.php, login.php and logout.php. When I login and click I link I jump out of the webapp to safari. So I used this code but doensn`t work. Hope anybody can help me.

My Codes:

And this one in /js: /*!

  • jQuery stayInWebApp Plugin
  • version: 0.4 (2012-06-19) */

;(function($) { //extend the jQuery object, adding $.stayInWebApp() as a function $.extend({ stayInWebApp: function(selector) { //detect iOS full screen mode if(("standalone" in window.navigator) && window.navigator.standalone) { //if the selector is empty, default to all links if(!selector) { selector = 'a'; } //bind to the click event of all specified elements $("body").delegate(selector,"click",function(event) { //TODO: execute all other events if this element has more bound events /* NEEDS TESTING for(i = 0; i < $(this).data('events'); i++) { console.log($(this).data('events')); } */

                //only stay in web app for links that are set to _self (or not set)
                if($(this).attr("target") == undefined || $(this).attr("target") == "" || $(this).attr("target") == "_self") {
                    //get the destination of the link clicked
                    var dest = $(this).attr("href");

                    //if the destination is an absolute url, ignore it
                    if(!dest.match(/^http(s?)/g)) {
                      //prevent default behavior (opening safari)
                      event.preventDefault();
                      //update location of the web app
                      self.location = dest;
                    }
                }
            });
        }
    } //end stayInWebApp func
});

})( jQuery );

tcruise52 avatar Mar 06 '15 17:03 tcruise52

My links are like this:

  • St..
  •     <li><a href="index.php#pagetwo" rel="external">Te..</a></li>
    
        <li><a href="index.php#pagethree" rel="external">Ko..</a></li>
    

    tcruise52 avatar Mar 06 '15 17:03 tcruise52