2012-10-20 82 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