Javascript 在.click（）之后更改.css（）

我给我写了一个滑块。滑块工作得很好，但最后一件事绝对不行。我不能重置我的宽度。我试图通过中的

deferred.done

函数调用函数。最后，我放了类似于

dfd.resolve（“and”）。这只起作用一次。如何更改
$（“#first”）.css（“宽度”，t#u first）是否再次显示宽度

我的JS代码：

$("#zero-img" ).click(function() {
    $(function () {
        var width_slider = ($( "#slider" ).width()) ;
        var width_first = $( "#first" ).width() ;
        var width_first_img = $( "#first-img" ).width() ;
        var width_first_img_container = $( "#first-img-container" ).width() ;
        var width_first_tex = $( "#first-img-text" ).width() ;

        var width_gap = width_slider - width_first - 300;

        var width_img = $( "#first-img-container" ).width() ;
        var t_first = width_first + width_gap;
        $("#first" ).css("width", t_first); //THIS I WANT TO CHANGE AGAIN AFTER FINISHED THE CLICK ACTION
        $("#next-img" ).animate({ width:0 }, "slow" );
        $("#first-img" ).animate({ left: width_first}, "slow", function(){

            if ($("#next-img-container").attr("src").length > 0) {

                var path_on_hold = $("#next-img-container").attr("src");
                $("#on-hold-img-container").attr("src", path_on_hold);
                var value_on_hold = $("#next-img-container").attr("value");
                $("#on-hold-img-container").attr("value", value_on_hold);
                var path_next = $("#first-img-container").attr("src");
                $("#next-img-container").attr("src", path_next);
                var value_next = $("#first-img-container").attr("value");
                $("#next-img-container").attr("value", value_next);
            }
            $(this).css('left', (-1)* width_first);
            var first_img = $("#zero-img-container").attr("src");
            $("#first-img-container").attr("src",first_img);
            var value_first = $("#zero-img-container").attr("value");
            $("#first-img-container").attr("value", value_first);

        } );
        $("#zero-img" ).animate({ left:-150 }, "slow", function() {
            if ($("#zero-on-hold-img-container").attr("src").length > 0) {
                var path_zero = $("#zero-on-hold-img-container").attr("src");
                $("#zero-img-container").attr("src", path_zero);
                var value_zero = $("#zero-on-hold-img-container").attr("value");
                $("#zero-img-container").attr("value", value_zero);
                var pics =  <?php echo json_encode($pics)?>;
                var number = parseInt($("#zero-on-hold-img-container").attr("value"));
                if (pics.hasOwnProperty(number-1) === true ) {
                    var company_id = pics[number-1].company_id;
                    var filename = pics[number-1].filename;
                    var temp = path + pics[number-1].company_id + "/" + pics[number-1].filename;

                    $("#zero-on-hold-img-container").attr("src", temp);
                    $("#zero-on-hold-img-container").attr("value", number-1);
                    $("#zero-on-hold-img-container").attr("value", number-1);
                } else {
                    $("#zero-on-hold-img-container").attr("src", "");
                    $("#zero-on-hold-img-container").attr("value", "");
                }
            } else {
                if ($("#zero-img-container").attr("src").length > 0) {
                    $("#zero-img-container").attr("src", "");
                    $("#zero-img-container").attr("value", "");
                }
            }
        });
        $("#zero-img").animate({ left: 0 }, "slow");
        $("#next-img" ).animate({ width:150 }, "slow" );  
        $("#first-img").animate({ left: 15 }, "slow");
        /*$("#first" ).css("width", auto);*/                

    });

});

$（“#零img”）。单击（函数（）{
$（函数（）{
var width_slider=（$（“#slider”）.width（）；
var width_first=$（“#first”）.width（）；
var width_first_img=$（“#first img”）.width（）；
var width_first_img_container=$（“#first img container”）.width（）；
var width_first_tex=$（“#first img text”）.width（）；
var width_gap=宽度_滑块-宽度_first-300；
var width_img=$（“#第一个img容器”）.width（）；
var t_first=宽度_first+宽度_间隙；
$（“#first”）.css（“width”，t#u first）；//完成单击操作后，我想再次更改此设置
$（“#next img”）.animate（{width:0}，“slow”）；
$（“#first img”）.animate（{left:width_first}，“slow”，function（））{
if（$（“#下一个img容器”）.attr（“src”）.length>0）{
var path_on_hold=$（“#下一个img容器”）.attr（“src”）；
$（“暂挂img容器”）.attr（“src”，路径暂挂）；
var value_on_hold=$（“#下一个img容器”）.attr（“值”）；
$（“暂挂img容器”）.attr（“值”，暂挂值）；
var path_next=$（“#第一个img容器”）.attr（“src”）；
$（#next img container”）.attr（“src”，path_next）；
var value_next=$（“#第一个img容器”）.attr（“值”）；
$（“下一个img容器”）.attr（“value”，value\u next）；
}
$（this.css（'左'，（-1）*首先是宽度）；
var first_img=$（“零img容器”）.attr（“src”）；
$（“第一个img容器”）.attr（“src”，第一个img）；
var value_first=$（“#零img容器”）.attr（“值”）；
$（“#第一个img容器”）.attr（“value”，value#u first）；
} );
$（“#零img”）.animate（{left:-150}，“slow”，function（）{
if（$（“#零保留img容器”）.attr（“src”）.length>0）{
var path_zero=$（“#zero on hold img container”）.attr（“src”）；
$（“零img容器”）.attr（“src”，路径为零）；
var value_zero=$（“#zero on hold img container”）.attr（“value”）；
$（“零img容器”）.attr（“值”，值为零）；
var-pics=；
var number=parseInt（$（“#零保留img容器”）.attr（“值”）；
if（pics.hasOwnProperty（number-1）==true）{
var company\u id=pics[number-1]。company\u id；
var filename=pics[number-1]。文件名；
var temp=path+pics[number-1]。公司id+“/”+pics[number-1]。文件名；
$（“#零保留img容器”）.attr（“src”，temp）；
$（“#零保留img容器”）.attr（“值”，数字1）；
$（“#零保留img容器”）.attr（“值”，数字1）；
}否则{
$（“#零暂挂img容器”）.attr（“src”，”）；
$（“#零暂挂img容器”）.attr（“值”，“值”）；
}
}否则{
if（$（“#零img容器”）.attr（“src”）.length>0）{
$（“#零img容器”）.attr（“src”，即“）；
$（“#零img容器”）.attr（“值”，“值”）；
}
}
});
$（“#零img”）.animate（{left:0}，“slow”）；
$（“#next img”）.animate（{width:150}，“slow”）；
$（“#first img”）.animate（{left:15}，“slow”）；
/*$（“#first”）.css（“宽度”，自动）；*/
});
});
之所以只工作一次，是因为“宽度”滑块最初设置为正确的宽度，但随后将“宽度”更改为“自动”，因此“宽度”滑块将不再是初始宽度

<!-- put the initial width of slider in data-init-width -->
<div id="slider" data-init-width="960"> ... </div>

然后使用mouseup方法

$('#zero-img').mouseup(function(){
    // change the width to the after click width
});

您应该将事件绑定放在
$（…）
中，而不是相反。我不知道您的意思。对不起@我对
$（…）
的评论并不是为了解决这个问题，只是指出了使用jQuery的正确方法。jQuery允许链接，因此您可以组合
$（“#zero img container”）.attr（“src”，“zero”）
和
$（“#零img容器”）.attr（“值”）到
$（“#零img容器”）.attr（“src”），.attr（“value”），中。骄傲的第一行，“我给我写了一个滑块。”表示我是老板。我可以用它改变背景，但不能再改变宽度。皮蒂！我做了一些改变。如果对你有效，请告诉我
$('#zero-img').mouseup(function(){
    // change the width to the after click width
});