jquery - JQuery 使用 .css 应用到包含的页面

Question

当包含在包含的文本文件中时，我在应用 css$(".img").css("border", "1px solid black");时遇到问题。img

当代码包含在我的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。

score 2 · Accepted Answer

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

编辑

你应该清理你的代码

jQuery 可以帮你，你写的代码太多了

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

详情请查看jquery css api说明。你所追求的是这样的；

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

编辑：

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

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

现在当你说

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

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

score 0 · Accepted Answer

也许应用了另一个 CSS 然后你可以使用它

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

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

我希望这有帮助

4 回答 4