JQuery使用.css来应用于包含的页面

Question

当$(".img").css("border", "1px solid black");位于包含的文本文件中时，我在使用img时无法应用css。

当代码包含在我的index.html页面中时，它工作正常，当元素在包含的页面中时，如何应用样式？

包含的页面：

<figure>
  <img src="images/map.gif" alt="Le Mans Circuit Map" class="img">
  <figcaption>Map of the Le Mans Circuit</figcaption>
</figure>

它被包含在这个div中：

<div id="tabContent1"></div>

编辑：更新了CSS。

Answer 1

$(".img").css("border", "1px solid black");

修改

您应该清理代码

jQuery是有帮助的，你写的代码太多了

http://jsfiddle.net/peFcx/

Answer 2

在加载后粘贴一个函数并将.css放在该函数中。

$("#tabContent3").load("test3.txt", function () {
$(".img").css("border", "1px solid black");
});

Answer 3

查看jquery css api注释以获取详细信息。你所追求的是这样的事情;

$( 'img' ).css( 'border', '1px solid black' );

编辑：

这段代码是正确的，我保证。如果某些东西不起作用，那么在实现它时会出错。我建议将代码包装在$( document ).ready( ... )语句中，如此;

$( document ).ready( function () {
    $( 'img' ).css( 'border', '1px solid black' );
});

现在当你说

  

当元素在包含的页面中时，如何应用样式？

您的意思是说您使用的是.$.fn.append或类似的东西吗？因为如果你是，只需在它之后直接运行$.fn.css代码

Answer 4

也许有另外一个CSS应用，然后你可以使用这个

$('.img').css('border','1px black solid !important');

如果您通过ajax加载它，只需在成功回调中调用它

我希望这个帮助