0
У меня есть две страницы index.html и header.htmlКак применить jquery в содержимом html, который загружен на другой странице?
index.html
<body>
<div id="tpHeader"></div>
<script>
$(function(){
$("#tpHeader").load("header.html");
});
</script>
</body>
header.html
<div id="con1">
content 1
</div>
<div id="con2">
content 2
</div>
so..when я просматривать мой файл index.html в браузере это выглядит как
<div id="tpHeader">
<div id="con1">
content 1
</div>
<div id="con2">
content 2
</div>
</div>
Теперь я хочу использовать некоторые js или jquery в index.html скрыть # CON2 другими словами .. я хочу написать код в index.html, что делает элемент, имеющий ID = "CON2" скрытый
я пытался
index.html
<body>
<div id="tpHeader"></div>
<script>
$(function(){
$("#tpHeader").load("header.html");
$("#con2").hide(); // but this is not working
});
</script>
</body>
также я попытался с помощью не
document.getElementById("con2").style.display = "none";
ни один из них работают ..pls помочь мне