jquery - 如果以某种方式链接，则在页面加载时打开 Colorbox

Question

我想让颜色框仅在以特定方式链接时才能在页面加载时工作，例如：

<a href="http://noemyrenascenca.com.br/site/produtos-noemy/#colorbox">Link</a>

我看到这个答案教如何在加载时触发颜色框：https ://stackoverflow.com/a/5969963

演示在这里：http : //noemyrenascenca.com.br/site/produtos-noemy/（链接是“Ver Coleção”）。

编辑：

对不起，我一点都不清楚。

我想链接到一个页面，当该页面加载时，它应该触发颜色框。但它应该只在以特殊方式链接时触发，并非总是如此。

例如：当您单击http://noemyrenascenca.com.br/site/中的号召性用语时，它应该打开http://noemyrenascenca.com.br/site/produtos-noemy/并在那里触发 colorobx。

Answer 1

//change "a" for the specific link
$("a").click(function(event) {
  event.preventDefault();
 //triger color box here
 $.fn.colorbox({width:"30%", inline:true, href:"#subscribe"});
});

Answer 2

您需要检测页面加载时的哈希值，并对其进行处理。在您的情况下，您将初始化 Colorbox。

取自此 SO 答案的代码：

(function() { 

   var hash = window.location.hash;

   if ('onhashchange' in window) {
      window.onhashchange = hashChanged;
   } else {
      setInterval(function() {
         if (window.location.hash != hash) {
             hash = window.location.hash;
             hashChanged();
         }
      }, 500);
   }

   var hashChanged = function() {
     alert('Hash has changed!');
     //This is where your colorbox would go.
   };

})();