Question

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

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

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

在这里演示：http://noemyrenascenca.com.br/site/produtos-noemy/（链接是“VerColeçã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。

代码取自this SO answer：

(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.
   };

})();

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

2 个答案: