首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Wordpress自定义图库可见性隐藏显示空白

Wordpress自定义图库可见性隐藏显示空白
EN

Stack Overflow用户
提问于 2016-08-18 12:40:50
回答 1查看 88关注 0票数 0

我正在为我的画廊页面使用foogallery。单击菜单将显示相应的图库图像。最初,当我加载画廊页面时,页面是空白的。当我点击菜单时,可见的和隐藏的都在工作。

下面是我的代码。

代码语言:javascript
复制
<div id="primarygal" class="content-area">
<div id="content" class="site-content" role="main">


 <div class="maincontentgal">
 <div class="leftcontent1">
 <div id="menu-item"> 
   <ul class="ca-menu">

     <li><a class="showSingle" target="1">
       <div class="cacontent">Advertisements</div></a></li>
         <li><a class="showSingle" target="2">
              <div class="ca-content">Books<span class="slashcolor">/</span>Journals <span class="slashcolor">/</span> Newsletters <span class="slashcolor">/</span> Magazines</div></a></li>
         <li><a class="showSingle" target="3"><div class="ca-content"> Brochures</div></a></li>
         <li><a class="showSingle" target="4"> <div class="ca-content">Calenders</div></a></li>
          <li><a class="showSingle" target="5"><div class="ca-content"> Forms <span class="slashcolor">/</span>Letter heads <span class="slashcolor">/</span> Certificates</div></a></li>
          <li><a class="showSingle" target="6"><div class="ca-content"> Greeting cards <span class="slashcolor">/</span> Invitations</div></a></li>
          <li><a class="showSingle" target="7"> <div class="ca-content">Labels <span class="slashcolor">/</span> Posters <span class="slashcolor">/</span> Product designs</div></a></li>
         <li><a class="showSingle" target="8"><div class="ca-content"> Leaflets <span class="slashcolor">/</span> Inserts</div></a></li>
         <li><a class="showSingle" target="9"><div class="ca-content"> Visiting cards</div></a></li>
          <li><a class="showSingle" target="10"><div class="ca-content"> Wedding cards</div></a></li>

       </ul>
    </div>
  </div>
   <div class="rightcontent1">
     <div class="featurette">
        <div class="gallRgt">

          <div id="div1" class="targetDiv" style="visibility:visible;">
                    <?php echo do_shortcode('[foogallery id="732"]');?>
           </div>
           <div id="div2" class="targetDiv" style="visibility: hidden;">
                     <?php echo do_shortcode('[foogallery id="743"]');?>
           </div>
           <div id="div3" class="targetDiv" style="visibility: hidden;">
                    <?php echo do_shortcode('[foogallery id="760"]');?>
           </div>
           <div id="div4" class="targetDiv" style="visibility: hidden;">
               <?php echo do_shortcode('[foogallery id="744"]');?>
            </div>
           <div id="div5" class="targetDiv" style="visibility: hidden;">
                <?php echo do_shortcode('[foogallery id="761"]');?>
           </div>
           <div id="div6" class="targetDiv" style="visibility: hidden;">
                <?php echo do_shortcode('[foogallery id="762"]');?>
           </div>
           <div id="div7" class="targetDiv" style="visibility: hidden;">
                   <?php echo do_shortcode('[foogallery id="763"]');?>
           </div>
           <div id="div8" class="targetDiv" style="visibility: hidden;">
                  <?php echo do_shortcode('[foogallery id="764"]');?>
           </div>
          <div id="div9" class="targetDiv" style="visibility: hidden;">
                    <?php echo do_shortcode('[foogallery id="765"]');?>
              </div>

         <div id="div10" class="targetDiv" style="visibility: hidden;">
                   <?php echo do_shortcode('[foogallery id="766"]');?>
        </div>


     </div>
  </div></div></div>
   </div><!-- #content .site-content -->
 </div><!-- #primary .content-area -->

 <?php
 if(!empty($_GET['id'])){
  ?>
   <script type="text/javascript">
         jQuery('.targetDiv').hide().css('visibility','hidden');
         jQuery('#div'+<?=$_GET['id']>.attr('target')).show().css('visibility','visible');
  </script>
  <?php

      }
      ?>
        <script type="text/javascript">

      jQuery(function(){ 

        jQuery('.showSingle').click(function(){ 
          jQuery('.targetDiv').hide().css('visibility','hidden');                                   jQuery('#div'+$(this).attr('target')).show().css('visibility','visible');
    });
});

下面是[http://imanagerprintingpress.com/gallery/][1]的链接,任何人请帮助我。

EN

回答 1

Stack Overflow用户

发布于 2016-08-18 12:54:11

错误您的代码:

你试着改变

代码语言:javascript
复制
<?=$_GET['id']>

代码语言:javascript
复制
<?=$_GET['id']?>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39010130

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档