0

次のように、特定の方法でリンクされている場合にのみ、ページの読み込み時にカラーボックスが機能するようにしたいと思います。

<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 がトリガーされます。

4

2 に答える 2

0 
//change "a" for the specific link
$("a").click(function(event) {
  event.preventDefault();
 //triger color box here
 $.fn.colorbox({width:"30%", inline:true, href:"#subscribe"});
});
于 2012-04-09T02:11:03.480 に答える
0

ページの読み込み時にハッシュを検出し、それを処理する必要があります。あなたの場合、カラーボックスを初期化します。

この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.
   };

})();
于 2012-04-09T03:52:24.863 に答える