弹出js代码不起作用

时间:2012-10-20 04:39:05

标签: jquery html css jquery-ui

我正在尝试实现一个弹出窗口。 单击选择国家/地区时,应显示弹出窗口

以下是我要复制的内容的链接

http://www.teslamotors.com/

我在JSFiddle中尝试了相同的JS代码,但不知道出了什么问题。

http://jsfiddle.net/6QXGG/2/

// locale selector actions
$('#region-picker').click(function(){
    var foot_height = $('#footer').innerHeight();
    var foot_height_css = foot_height-12;
    var select_position = '-=' + (Number(400)+18);
    var $selector = $('#locale-select');
    $('#locale_pop').fadeOut();
    $selector.css({top:foot_height_css});
    $selector.fadeIn(function(){
        $(this).addClass('open');
        $(this).animate({top:select_position}, 1000);
        });
});

$('#footer').fadeIn(function(){
    var select_label_width = $('#region-picker .locale-select-lable').outerWidth()+8;
    $('#region-picker').width(select_label_width);
    $('#select-tab').width(select_label_width);
    // // check to see if we need to show the locale blip
    // moved to document.ready
    // checkCookie();
});​

1 个答案:

答案 0 :(得分:0)

不确定代码有什么问题,可能是你可以试试像theis这样的插件,

http://needim.github.com/noty/