如何仅在特定页面中显示/打开彩色框

Question

我有一个common.js库，它从一个文件中提供我的网站所需的所有javascript代码。 问题是我在该文件中有以下代码，并且在每个页面中都打开，但是只有当visiotr打开特定页面时我才需要打开。

// open thickbox    
jQuery(document).ready(function($) {    
$('a.js-thickbox-subscribe').fcolorbox2();    
});    

$.fn.fcolorbox2 = function() {    
 if (document.cookie.indexOf('visited=true') === -1) {    
    var expires = new Date();    
    expires.setDate(expires.getDate()+30);    
    document.cookie = "visited=true; expires="+expires.toUTCString();    
    $.colorbox( {    
            inline:true,    
            overlayClose: false,    
            fixed: true,    
            href:'#test',    
            width:'700px',    
            height:'500px',    
        });    
 }    
};    

Answer 1

仅在您希望打开颜色框的页面上设置一个值。

您可以设置和检查许多不同的值..

• body元素上的类名。
• 设置Javascript变量。
• body元素的data-*属性
• 特定于每个页面的配置对象。