2012-10-24 121 views
0

有几个链接替换span标签当我点击这个标签弹出打开通过点击

<span class="en_US tk-museo-sans locale-select-lable">United States</span> 

当我点击弹出弹出内部链接关闭

<span class="selectorCountries locale-link">united states</span> 
<span class="selectorCountries marginSecondCountry locale-link">canada</span> 
<span class="selectorCountries marginCanadaFrench locale-link">canada(french)</span> 

问题是当我点击弹出这个标签

<span class="en_US tk-museo-sans locale-select-lable">United States</span> 

里面的链接应该由国家名称来代替...

的问题是与jQuery代码...

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

u能告诉我如何解决它......

我提供我最新的js代码

// locale selector actions 
    $('#region-picker').click(function(){ 
      if ($("#locale-select").is(":visible")) return closeSelector('slide'); 


     var foot_height = $('#footer').innerHeight(); 
     var foot_height_css = foot_height-1; 
     var select_position = '-=' + (Number(700)+18); 
     console.log("hallo"+select_position); 
     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); 
      }); 
    }); 
    $('#select-tab').click(function(e){ 
     e.stopPropagation() 
     closeSelector('slide'); 
     }); 
    // don't hide when clicked within the box 
    $('#locale-select').click(function(e){ 
     e.stopPropagation(); 
    }); 
    $(document).click(function(){ 
     if ($('#locale-select').hasClass('open')) { 
      closeSelector('disappear'); 
     } 
    }); 

    $('.locale-link').click(function(){ 
     if ($("#locale-select").is(":visible")) return closeSelector('slide'); 
     /*   
     // var desired_locale = $(this).attr('rel'); 
     // createCookie('desired-locale',desired_locale,360); 
     // createCookie('buy_flow_locale',desired_locale,360); 
     //closeSelector('disappear'); 
     */ 
    }) 

    $('#locale_pop a.close').click(function(){ 
     var show_blip_count = readCookie('show_blip_count'); 
     if (!show_blip_count) { 
      createCookie('show_blip_count',3,360); 
     } 
     else if (show_blip_count < 3) { 
      eraseCookie('show_blip_count'); 
      createCookie('show_blip_count',3,360); 
     } 
     $('#locale_pop').slideUp(); 
     return false; 
    }); 

function closeSelector(hide_type){ 
var foot_height = $('#footer').innerHeight(); 
var select_position = '+=' + (Number(400)+20); 
if (hide_type == 'slide') { 
$('#locale-select').animate({top:select_position}, 1000, function(){ 
$(this).removeClass('open'); 
$(this).fadeOut() 
}); 
} 
else if (hide_type == 'disappear'){ 
$('#locale-select').fadeOut('fast'); 
$('#locale-select').removeClass('open'); 
} 
} 

+0

did you mean to do this? $(document).click(function(){('('#locale-select')。hasClass('open')){ closeSelector('disappear'); } }); 你想在Window.Document上点击事件处理程序? – awright18

+0

@ awright18:谢谢你的回复.... http://www.teslamotors.com/在这个链接当他们点击不同国家的链接时,国旗图片的变化对应于不同的国家....但是这里我想替换与不同的国家名称... – js00831

+0

我没有看到任何地方选择一个conuntry – awright18

回答

0

这个怎么样?

$('.locale-link').click(function(){ 
     $("#region-picker:first-child").text(this.text()); 
     if ($("#locale-select").is(":visible")) return closeSelector('slide'); 
    }) 
+0

http://jsfiddle.net/6QXGG/146/embedded/result/在这里你可以看到红色的按钮...当我点击国家名称的链接...我希望它被取代与相应的国家名称......在评论我后,如果我点击链接弹出不关闭... – js00831

+0

你的代码不工作这一个工程http://jsfiddle.net/5dedF/ – js00831

+1

很高兴你知道它的意思出。 – awright18