JQuery .append() - 元素丢失样式

时间:2011-06-16 11:13:04

标签: javascript jquery css

我正在尝试将元素添加到div容器中,但是元素会忽略它们的css类。

JavaScript

$.each(jobs, function(i, job) 
{
    var option = '<div class="input"><div class="option">' + job.created +'</div></div>';

    $('.options').append(option);
});

HTML

<div class="options" style="overflow: scroll; width: 100%; height: 80%; background-color: White; text-align: left;">
   <div class="input">
        <div class="option">
             Hunt Osama.
        </div>
        </div>
   <div class="input">
        <div class="option">
             Execute without trial.
        </div>
   </div>
</div>

元素已成功附加到div,但样式信息不会被操作。

编辑:类输入和选项对添加的元素没有影响。

任何提示?

干杯, 本

2 个答案:

答案 0 :(得分:0)

我已经在我的机器上测试了你的代码,它在IE&amp; Firefox,如果我将CSS应用于孩子们。

在我的css文件中,我添加了以下声明:

.option
{
    font-weight:bold !important;
    color: red;
}

答案 1 :(得分:0)

此问题最终是针对Windows Mobile平台上的WebKit / Qt。它不会出现在Android / WebKit示例中。

对不起,我没有关于问题原因的进一步细节。

感谢您的帮助。