How to make a javascript action by URL attribute?

Question

I am playing with a very simple jquery modal windows . It opens the modal windows by clicking on

<a href="#" id="clickMe">Click Me</a>

How can I make this javascript action by adding an attribute to the URL, eg index.php?q=clickMe or index.html#clickMe

I mean when visiting the webpage of index.html (with q=clickMe or #clickMe), loading the page with opened modal. In other words, the attribute plays the role of CLICK on id="clickMe" for jQuery.

Answer 1

You would need to handle the QueryString or URL Hash in the document.ready(). Here is an example of handling the hash #clickMe

$(document).ready(function () {
  if (window.location.hash == "#clickMe") {
    //open modal
  }
});

Answer 2

first i would get a jquery plug in for reading querysting variables - like getUrlParam

then, you can do it in script

$(document).ready(function() {
  if ($(document).getUrlParam("activate-click").length > 0) {
    $("#clickMe").click();
  }
});

Answer 3

尝试使用jquery.url插件。