Question

我正在尝试减小框架表的宽度，以便在我点击＃circle2按钮后右箭头的位置会发生变化。

$（“＃frame-table”）。css（{“width”：'30px'}）不起作用。

#frame-table{
 position: absolute;
 width:634px;
 margin-left: 20px;
}

<div class="col-md-2" id="category"> 
    <center>
       <a href="#"><div class="img-circle" id="circle2">Mobile</div></a>         
    </center>
</div>    

<div class="col-md-7">   
    <div > 
        <table id = "frame-table">
            <tr>
                <td id = "left1">
                    <img src="img/left.png" alt = "left"/>
                </td>
                 <td id = "right1">
                     <img src="img/right.png" alt = "right"/>
                </td>
            </tr>
        </table> 
        <img class="img" src="img/web1.png" alt="Chania">  
    </div>

<div class="col-md-3">
</div>

$("#circle2").click(function(){ 
    $("#portfolio>li>img").each(function() {
        $(this).attr("src", $(this).attr("src").replace(/[^\/]*?(?=\d+.png)/, "mobile"));
    });
    $(".img").css({"width":'330px', 'height':'475px'}); 
    $(".img").attr("src", "img/mobile1.png"); 
    $("#category").after("<div class='col-md-2' id='space'></div>"); 
    $('.col-md-7').attr('class','col-md-5');
    //$("#frame").css({"width":'30px', 'height':'475px'}); 
    $("#frame-table").css({"width":'30px'});  
});

Answer 1

使用

 $('#frame-table').attr('width', 30);

Answer 2

试试这个：

$("#frame-table").width( 30 );

Answer 3

使用

$("#frame-table").css("width", "330px");

Jquery：设置框架的宽度

3 个答案: