Question

I’m having trouble applying css using $(".img").css("border", "1px solid black"); when the img is in a text file that is being included.

It works fine when the code is included into my index.html page, how do I get it to apply the style when the element is in the included page?

Included page:

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

It is being included into this div:

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

EDIT: Updated CSS.

Answer 1

Stick a function in after the load and place the .css in that function.

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