如何制作：启用/禁用选项的JavaScript功能与PHP？

Question

我还是新的PHP，JavaScript，所以我希望你能帮助我。 :)

我有一个很好用的LightBox。但现在我想为我的Wordpress主题中的灯箱启用/禁用选项。

我有设定选项中，此代码：

array (
         'id' => 'enable_lightbox', 
         'type' => 'switch', 
         'title' => __('Enable Lightbox', 'framework'), 
         'desc' => __('Enable or disable lightbox', 'framework'), 
         'default' => 1, 
        ), 

，这是代码收藏：

/LightBox  
function buildShareThis(url){ 
var switchTo5x=true; 
stLight.options({publisher: "496075ad-6369-474b-ba12-283ff1fe76ac", doNotHash: false, doNotCopy: false, hashAddressBar: false}); 
var customShareThis = "<div class='share'>"; 
customShareThis += "<span class='st_sharethis_large' displayText='ShareThis' st_url='"+url+"'></span> "; 
customShareThis += "<span class='st_facebook_large' displayText='Facebook' st_url='"+url+"'></span>"; 
customShareThis += "<span class='st_googleplus_large' displayText='Google +' st_url='"+url+"'></span>"; 
customShareThis += "<span class='st_twitter_large' displayText='Tweet' st_url='"+url+"'></span> "; 
customShareThis += "<span class='st_pinterest_large' st_url='"+url+"'></span>"; 
customShareThis += "<span class='st_linkedin_large' displayText='LinkedIn' st_url='"+url+"'></span>"; 
customShareThis += "<span class='st_baidu_large' displayText='Baidu' st_url='"+url+"'></span>"; 
customShareThis += "<span class='st_reddit_large' displayText='Reddit' st_url='"+url+"'></span>"; 
customShareThis += "<span class='st_tumblr_large' displayText='Tumblr' st_url='"+url+"'></span>"; 
customShareThis += "<span class='st_email_large' displayText='Email' st_url='"+url+"'></span>"; 
customShareThis += "<span class='st_print_large' displayText='Print' st_url='"+url+"'></span>"; 
customShareThis += "</div>"; 
return customShareThis; 
} 


jQuery(".fancybox, a[href$='.jpg'], a[href$='.png'], a[href$='.jpeg'], a[href$='.gif'], .video") 
.attr('rel', 'gallery') 
.fancybox({ 
    closeClick : false, 
    nextEffect: 'fade', 
    prevEffect: 'fade', 
    beforeShow: function() { 
    var caption = jQuery(this.element).data("caption") ? jQuery(this.element).data("caption") : ""; 
    this.title = this.title ? this.title + buildShareThis(this.href) + caption : buildShareThis(this.href) + caption; 
    }, 
    afterShow: function(){ 
    stButtons.locateElements(); 
    }, 
    helpers : { 
    title : { 
     type: 'inside' 
    } 
    } 
}); 

什么代码，我需要用它来得到这个工作？

这样我可以从设置选项页打开或关闭灯箱？

谢谢

Answer 1

PHP代码

if($setting -> default == 1) // Is enable 
{ 
     echo '<script>var enable_Light = false; </script>'; 
} 

灯箱代码添加如果sectment。

if(enable_Light == true){ 
jQuery(".fancybox, a[href$='.jpg'], a[href$='.png'], a[href$='.jpeg'], a[href$='.gif'], .video") 
.attr('rel', 'gallery') 
.fancybox({ 
    closeClick : false, 
    nextEffect: 'fade', 
    prevEffect: 'fade', 
    beforeShow: function() { 
    var caption = jQuery(this.element).data("caption") ? jQuery(this.element).data("caption") : ""; 
    this.title = this.title ? this.title + buildShareThis(this.href) + caption : buildShareThis(this.href) + caption; 
    }, 
    afterShow: function(){ 
    stButtons.locateElements(); 
    }, 
    helpers : { 
    title : { 
     type: 'inside' 
    } 
    } 
}); 
}