Question

我正在尝试在项目上设置css left属性值。以下是代码：

if (priorityObj.UpcomingActivities() != "") {
    $.each(priorityObj.UpcomingActivities(), function (i, v) {
        monthPosition = v.ActivityDateToDisplay().split(',')[0].substring(0, 3).trim();
        if (monthPosition != "") {
            activitymonthpos = $('#servicePlanMonths').find('#sp_month_' + monthPosition).position().left;
            $(curelement).find('.priority-icon').offset({ left: activitymonthpos });
        }
        else {
            monthLeftPosition = $('#servicePlanMonths').find('#sp_month_' + startingMonth).position().left;
            $(curelement).find('.priority-icon').offset({ left: monthLeftPosition });
        }
    });
}

monthPosition 变量用于获取当前月份，并根据此获取css left属性值，然后应用该属性值。这段代码运行正常。但我面临的问题是

$(curelement).find('.priority-icon').offset({ left: monthLeftPosition });

由于此类与UpcomingActivities（）函数绑定，因此此函数可以具有两个以上的值。所以，如果我有两个值，那么它应用css并为这两个值设置[0]索引的相同left属性。我希望它应该只在一个值上设置left属性，并在另一个值上设置left属性值。

如何使其工作，以便将css的left属性应用于不同的项目。

我知道问题出在以下声明中，但我无法找到解决方法

$(curelement).find('.priority-icon').offset({ left: monthLeftPosition });

有人可以帮忙吗？

Answer 1

您可以使用jQuery

设置CSS属性

"type_A"

这里的实例，单击蓝色div改变左侧位置：

https://jsbin.com/boqadeweqi/edit?html,output

＆＃13;

$('#yourDiv').css( "left", 200 );

＆＃13;

$( "#target" ).click(function() {
  $( this ).css( "left", 200 );
});

＆＃13;

div {
    position:absolute;
    width: 60px;
    height: 60px;
  }

＆＃13;

有关详细信息，请查看jQuery API here

Answer 2

尝试使用.css({"prop":"value","prop":"value"});

live example

在动态创建的div

2 个答案: