jquery - 弹出js代码不起作用

Question

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

这是我要复制的内容的链接

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();
});​

Answer 1

不确定代码有什么问题，也许你可以试试像 theis 这样的插件，

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