根据另一个设置一个div的宽度

时间:2012-06-05 16:54:18

标签: jquery css width

我遇到了以下问题。我需要在每次用户点击锚点时设置一个div的宽度。此div的宽度应取自另一个div。怎么做到这一点?

以下代码不起作用(请记住,该脚本包含在PHP echo中):

jQuery(".geother").click(function(){
var pos=$("p.second").width() + "px";
jQuery("#headerRightContactPhone span").css(\'width\', pos);
}

编辑(我还需要另外一件事,我想申请“geother”div CSS左边,这将是pos宽度+ 230px的负值):

jQuery(".geother").click(function(){
   var pos = $("p.second").width(); // don't need to use 'px'
   jQuery("#headerRightContactPhone span").css('width', pos); // don't need escaping
   $(this).css('left', ((230+pos)*-1) );
});

2 个答案:

答案 0 :(得分:4)

jQuery(".geother").click(function(){
   var pos = $("p.second").width(); // don't need to use 'px'
   jQuery("#headerRightContactPhone span").css('width', pos); // don't need escaping
}); //  you missed ');' here

注意

您应该向display: block提供span或使用divp等任何块元素。

jQuery(".geother").click(function(){
       var pos = $("p.second").width(); // don't need to use 'px'
       jQuery("#headerRightContactPhone span").css({
                     width: pos, 
                     display: 'block',
                     left: '-' + (230+pos)
               }); // don't need escaping
    }); 

答案 1 :(得分:3)

您是否将宽度应用于span元素?这就是问题所在。使跨度成为块或使用div。