Search code examples
htmlmobilemobile-safarihtml5boilerplate

MBP.hideUrlBar(); Boilerplate Mobile

Im using The HTML Mobile Bolierplate and im trying to get the URL Address bar to hide using:

<script src="/static/js/helper.js"></script>
<script>
  MBP.hideUrlBar();
</script>

But it's not working, the helper.js loads okay. Anyone know where I'm going wrong?

Thanks

Solution

  • Waiting until the DOM's load event is fired is always a good practice before running UI manipulating code.

    For novice users: jQuery:

    jQuery(function() {
  MBP.hideUrlBar();
});

    Zepto:

    Zepto(function() {
  MBP.hideUrlBar();
});