Question

提前感谢您对我的问题的帮助。

我有以下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 =＆＃34; width：0px;＆＃34;还有li style =＆＃34; opacity：1;＆＃34;。我没有指定这些样式？

非常感谢

Answer 1

好吧，我认为动态生成的代码没有任何问题..我已经使用alert显示动态生成的代码，看起来很好，如下所示

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

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

jquery设置ul和li元素添加不需要的样式

1 个答案: