Jquery 动态地将元素附加到div并设置css样式 Id='a'； linkId='#对话框_链接'+Id； htmlCode='

'； $（'#WindowsContainer'）.append（htmlCode）； $（linkId.css（'padding:.4em 1em.4em 20px；文本装饰：无；位置：相对；'）； $（linkId+'span.ui icon'）.css（'页边距：0 5px 0 0；位置：绝对；左：.2em；顶部：50%；页边距顶部：-8px；'）；

---

最后两行不会影响id为“dialog#u linka”的样式。

您需要将css参数作为属性值对的映射传递-

Id='a';      
linkId   = '#dialog_link' + Id;

htmlCode = '<p><a href="#" id="' + linkId + '" class="ui-state-default ui-corner-all"><span></span>Open Window</a></p>';        
$('#WindowsContainer').append(htmlCode);

$(linkId).css('padding: .4em 1em .4em 20px;text-decoration: none;position: relative;');
$(linkId + ' span.ui-icon').css('margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;');

---

请参阅此处的文档-

您需要将css参数作为属性-值对的映射传递-

Id='a';      
linkId   = '#dialog_link' + Id;

htmlCode = '<p><a href="#" id="' + linkId + '" class="ui-state-default ui-corner-all"><span></span>Open Window</a></p>';        
$('#WindowsContainer').append(htmlCode);

$(linkId).css('padding: .4em 1em .4em 20px;text-decoration: none;position: relative;');
$(linkId + ' span.ui-icon').css('margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;');

请参阅此处的文档-

尝试以下操作：

$(linkId).css({'padding': '.4em 1em .4em 20px','text-decoration': 'none;position: relative'});

您可能需要重新读取并检查

$.css（）

接受哪种类型的值

编辑：如果不起作用，那是因为您没有正确创建HTML：

$(linkId).css({ 
    padding: ".4em 1em .4em 20px",
    "text-decoration": "none",
    position: "relative"
});

htmlCode='用于演示。
尝试以下方法：

$(linkId).css({'padding': '.4em 1em .4em 20px','text-decoration': 'none;position: relative'});

您可能需要重新读取并检查
$.css（）
接受哪种类型的值

编辑：如果不起作用，那是因为您没有正确创建HTML：

$(linkId).css({ 
    padding: ".4em 1em .4em 20px",
    "text-decoration": "none",
    position: "relative"
});

htmlCode='用于演示。
您使用的函数错误

应该是：

htmlCode = '<p><a href="#" id="' + linkId + '" ...'

您使用的函数是错误的

应该是：

htmlCode = '<p><a href="#" id="' + linkId + '" ...'

试试这个。你可以添加样式属性而不是使用.css函数

$(linkId).css({
    'padding': '.4em 1em .4em 20px',
    'text-decoration': 'none',
    'position': 'relative'
});

Id='a'；
linkId='对话框链接'+Id；
htmlCode='
'；
$（'#WindowsContainer'）.append（htmlCode）；
$（“#”+linkId）.attr（“样式”，“填充：.4em 1em.4em 20px；文本装饰：无；位置：相对；”）；
$（linkId+'span.ui icon'）.attr（“样式”，“边距：0 5px 0；位置：绝对；左：.2em；顶部：50%；边距顶部：-8px；”）；
试试这个。你可以添加样式属性而不是使用.css函数

$(linkId).css({
    'padding': '.4em 1em .4em 20px',
    'text-decoration': 'none',
    'position': 'relative'
});

Id='a'；
linkId='对话框链接'+Id；
htmlCode='
'；
$（'#WindowsContainer'）.append（htmlCode）；
$（“#”+linkId）.attr（“样式”，“填充：.4em 1em.4em 20px；文本装饰：无；位置：相对；”）；
$（linkId+'span.ui icon'）.attr（“样式”，“边距：0 5px 0；位置：绝对；左：.2em；顶部：50%；边距顶部：-8px；”）；
使用设置的样式从jquery创建元素

Id='a';      
linkId   = 'dialog_link' + Id;

htmlCode = '<p><a href="#" id="' + linkId + '" class="ui-state-default ui-corner-all"><span class="ui-icon"></span>Open Window</a></p>';        
$('#WindowsContainer').append(htmlCode);

$("#"+linkId).attr("style",'padding: .4em 1em .4em 20px;text-decoration: none;position: relative;');
$(linkId + ' span.ui-icon').attr("style",'margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;');

varid=2；
变量链接=$（'

参考资料
-
使用设置的样式从jquery创建元素

Id='a';      
linkId   = 'dialog_link' + Id;

htmlCode = '<p><a href="#" id="' + linkId + '" class="ui-state-default ui-corner-all"><span class="ui-icon"></span>Open Window</a></p>';        
$('#WindowsContainer').append(htmlCode);

$("#"+linkId).attr("style",'padding: .4em 1em .4em 20px;text-decoration: none;position: relative;');
$(linkId + ' span.ui-icon').attr("style",'margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;');

varid=2；
变量链接=$（'

参考资料
-
抱歉，不起作用，只有在html中预定义元素时才起作用，但如果元素是由js创建的（未起作用）…谢谢，因为您将id设置为“#dialog_link”+id，而html id元素不能以哈希符号开头，它应该是“dialog_link”+id。抱歉，不起作用，只有在html中预定义元素但如果元素是由js创建的，才起作用（未工作）…谢谢，因为您将id设置为“#dialog_link”+id，而html id元素不能以哈希符号开头，应改为“dialog_link”+id。很抱歉，不工作，仅在html中预定义元素时工作，但如果元素由js创建（未工作）…Thanks这是因为您为元素提供了无效的id。请参阅编辑后的答案。Thanks第一行正在成功运行，但第二个样式$（linkId+'span.ui icon'）在定义ui icon类的位置不起作用（我确信这一点）非常感谢Juhana请检查是的，我不打算下载一个.rar。请制作一个或使用pastebin或类似的东西。对不起，不起作用，只有在html中预定义元素时才起作用，但如果元素是由js创建的（不起作用）…Thanks这是因为您为元素提供了无效的id。请参阅编辑后的答案。Thanks第一行正在成功运行，但第二个样式$（linkId+'span.ui icon'）在定义ui icon类的位置不起作用（我确信这一点）非常感谢Juhana你能检查一下吗是的，我不打算下载一个.rar。请制作一个或使用pastebin或类似的东西。