如何制作：使用 php 启用/禁用 javascript 功能选项？

Question

我在php、javascript还是个新人，所以希望你能帮助我。 :)

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

我有设置选项页面的代码：

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>';
}

在 LightBox 代码中添加一个 if 部分。

 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'
  }
  } 
 });
}

如何制作：使用 php 启用/禁用 javascript 功能选项？

How to make: enable / disable option for javascript function with php?

javascript

php

wordpress

lightbox

redux-framework