1

我编写了一个 div，它大部分是隐藏的，直到单击它展开的位置，然后在单击时再次隐藏。您可以在这里查看 jsfiddle：http: //jsfiddle.net/Z8vEs/1/

我在另一个网站上使用过这种方法，它在那里工作，但由于某种原因，我正在制作的新网站上没有，坦率地说，我感到很沮丧和沮丧。我不是很精通 jQuery，所以我不确定如何进行调试，所以任何建议都将不胜感激。我使用的唯一其他 jQuery 是来自 codrops 的图像滑块的编辑版本：http: //tympanus.net/codrops/2011/08/09/portfolio-image-navigation/

您可以在http://quintinmarcus.com/查看我的网站以亲自查看问题

感谢您的帮助-昆汀

4

3 回答 3

1

看起来您没有在您的网站上正确加载 jQuery。

在名为custom.js的 javascript 文件中，您可以看到：

/* ANIMATE ABOUT BOX */
$("#about").click(function() {
    if($('#about').css('width') == '83px'){
        $('#about').animate({'width':'380px'},350);
        $('#about').animate({'height':'457px'},350);
    }
    else{
        $('#about').animate({'width':'83px'},350);
        $('#about').animate({'height':'11px'},350);
    }
});

当它真的应该是这样的：

/* ANIMATE ABOUT BOX */
$(document).ready(function(){

    $("#about").click(function() {
        if($('#about').css('width') == '83px'){
            $('#about').animate({'width':'380px'},350);
            $('#about').animate({'height':'457px'},350);
        }
        else{
            $('#about').animate({'width':'83px'},350);
            $('#about').animate({'height':'11px'},350);
        }
    });
});

请注意新版本顶部和底部的 jQuery 启动脚本和结束标记。

jsfiddle 默认为您添加该代码，因为它很常见。

于 2012-07-04T01:24:12.637 回答
0

因为“custom.js”文件是在<div id="about">创建之前加载的，你可能想做这样的事情：

$(document).ready(function() {
    $("#about").click(function() {
    if($('#about').css('width') == '83px'){
      $('#about').animate({'width':'380px'},350);
      $('#about').animate({'height':'457px'},350);
    }
    else{
      $('#about').animate({'width':'83px'},350);
      $('#about').animate({'height':'11px'},350);
    }
    });

 });
于 2012-07-04T01:27:48.417 回答
0

我认为您的脚本末尾有一个非法字符。我将它放入控制台并且它起作用了（我删除了角色）：

$("#about").click(function() {
    if ($('#about').css('width') == '83px') {
        $('#about').animate({
            “宽度”：“380 像素”
        }, 350);
        $('#about').animate({
            “高度”：“457px”
        }, 350);
    }
    别的 {
        $('#about').animate({
            '宽度'：'83px'
        }, 350);
        $('#about').animate({
            “高度”：“11px”
        }, 350);
    }
});
于 2012-07-04T01:27:59.463 回答