Question

我正在使用Joomla模板对Wordpress网站进行编码（客户端喜欢该模板，所以我正在转换为Wordpress）。我遇到的问题是我希望背景图片标题不会在加载时显示，而是仅在单击链接按钮后显示。

这是以我想要的方式运作的网站：http://livedemo00.template-help.com/joomla_33451/index.php

这是我的Wordpress版本：http://gt.khcreativemedia.com/

我相信我已经拥有了所有相同的代码，javascript和css。

以下是我认为处理此问题的代码：

    <script type="text/javascript">
    var $j = jQuery.noConflict();

    $j(function()
    {

    $j("#link").click(function(event) {
    event.preventDefault();
    $j(this).toggleClass("link2");
    $j("#top_menu").slideToggle("slow");
    });
            })

</script>

我正在使用名为jdgallery的javascript库。以下是图片部分的缩小代码部分：

<div class="jbgallery"> 
 <ul> 
   <li>
      <a title="" href="<?php bloginfo( 'template_url' ); ?>/images/background/Auburn.jpg">1</a> 
      <div class="caption">Mauris pharetra lorem in velit scelerisque hendrerit. Etiam id sapien eros. Etiam ante velit, fermentum et
      </div> 
 </ul> 
</div><!-- #jbgallery -->

任何人都可以告诉我我可能做错了什么。

提前致谢，基思

Answer 1

你错过了一个逗号。替换

jQuery(document).ready(function(){
    jQuery(".jbgallery").jbgallery({
        menu : "numbers", 
        style: "zoom", 
        caption : true,
        slideshow : true,
        labels   : {
            info : "I"
        }
        ready : function(){
            jQuery(".jbg-caption").hide();
        }


    });
});

带

jQuery(document).ready(function(){
    jQuery(".jbgallery").jbgallery({
        menu : "numbers", 
        style: "zoom", 
        caption : true,
        slideshow : true,
        labels   : {
            info : "I"
        },
        ready : function(){
            jQuery(".jbg-caption").hide();
        }


    });
});

Answer 2

也许我误解了，但是如果你想让它不可见，你可以在加载元素上添加对hide()的调用，如下所示：

var $j = jQuery.noConflict();

$j(function(){
    // hide it first thing onload?
    $j("#top_menu").hide();

    $j("#link").bind('click', function(event) {
        $j(this).toggleClass("link2");
        $j("#top_menu").slideToggle("slow");
        event.preventDefault();
    });

});

或者，只需将display: none添加到元素的html：

即可

<div id="top_menu" style="display: none">

尝试使用Joomla模板更改事件以防止Wordpress站点中的默认

2 个答案: