Jquery：设置帧的宽度

我试图缩小框架表的宽度，以便在单击#circle2按钮后右箭头的位置将发生变化

$（“#框架表”）.css（{“宽度”：'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'});  
});

#帧表{
位置：绝对位置；
宽度：634px；
左边距：20px；
}
$（“#圈2”）。单击（函数（）{
$（“#公文包>li>img”）。每个（函数（）{
$（this.attr（“src”），$（this.attr（“src”）。替换（/[^\/]*？（？=\d+.png）/，“mobile”）；
});
$（“.img”）.css（{“宽度”：“330px”，“高度”：“475px”}）；
$（“.img”）.attr（“src”、“img/mobile1.png”）；
$（“#类别”）。在（“”）之后；
$（'.col-md-7'）.attr（'class'，'col-md-5'）；
//$（“#frame”）.css（{“宽度”：“30px”，“高度”：“475px”}）；
$（“#框架表”）.css（{“宽度”：'30px'}）；
});

使用

使用

试试这个：

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

试试这个：

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

使用

使用

---

我试过了，但没用。单击“移动”按钮后，右箭头的位置将向左移动。我试过了，但没用。单击“移动”按钮后，右箭头的位置将向左移动。我试过了，但没用。单击“移动”按钮后，右箭头的位置将向左移动。我试过了，但没用。单击“移动”按钮后，右箭头的位置将向左移动。我试过了，但没用。单击“移动”按钮后，右箭头的位置将向左移动。我试过了，但没用。单击“移动”按钮后，右箭头的位置将向左移动。

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