2014-03-28 48 views
-2

在此先感谢您对我的问题的帮助。jquery set ul和li元素添加了不希望的样式

我有以下的HTML ...

<div id="mt-news" class="mt-news"> 
    <ul> 

    </ul> 
</div> 

我做使用jQuery AJAX调用。每次Ajax调用后,我想设置并覆盖ul的内容。

我试图做到这一点使用...

$('#mt-news ul').html('<li><a class="red" href="#" target="_self">Context x</a></li>'); 

这似乎好的工作,但是我总是...

<div id="mt-news" class="mt-news" style="width: 1030px;"> 
    <ul style="width: 0px;"> 
     <li class="" style="opacity: 1;"> 
     <a class="red" target="_self" href="#">Context x</a> 
     </li> 
    </ul> 
</div> 

我不明白的是为什么落得我是否获得了ul style =“width:0px;”并且也是li style =“opacity:1;”。我没有指定这些样式?

非常感谢

+1

有些东西明确地设置了这些元素的样式,它不是外部样式表。你可能有更多的代码,你没有向我们展示。 – adeneo

+0

你可以从它们中删除样式$('#mt-news ul,#mt-news li')。removeAttr('style'); –

+0

谢谢。我做了删除,它已经摆脱了我的问题。快速入侵是我们有时需要的。 – Richie

回答

0

嗯,我不认为你的动态生成code..i任何问题都用警报显示动态生成的代码和它看起来罚款如下

$('#mt-news ul').html('<li><a class="red" href="#" target="_self">Context x</a></li>'); 
alert($('#mt-news').html()); 

小提琴: - http://jsfiddle.net/avmCX/22/