2012-10-20 39 views
0

我试图实现一个弹出窗口。 当我点击选择国家弹出应显示弹出js代码不起作用

下面是一些链接,我试图复制

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

回答

0

不知道什么是错的代码,可能是你可以尝试一些插件,像泰斯,

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

+0

感谢您的回复,但如果妳告诉我将是巨大的我如何修复我的小提琴代码...因为我正在尝试相同的用户体验 – js00831

+0

看到这个http://jsfiddle.net/6QXGG/3/ –

+0

感谢您的回复你改变了什么,但它仍然反映这样弹出HTTP://www.teslamot ors.com/请帮忙 – js00831