Мои изображения или видеофрагменты iframe, добавленные мной на мой сайт, не отображаются. Я не совсем уверен, поскольку у меня нет большого опыта работы с javascript, но я чувствую, что это может быть причиной проблемы.Изображения не отображаются
Любая помощь будет высоко оценена.
function hidedivs() {
\t $("#content").children().hide();
};
$(document).ready(function() {
\t hidedivs();
\t $("#submenu").hide();
\t \t $("works").click(function(){
$("#submenu").toggle('Slide');
return false;
\t \t });
\t $("nav a").click(function(event){
\t \t var url = $(this).attr("href");
\t \t hidedivs();
\t \t $(url).toggle(); \t \t \t
\t \t $(url).children().hide(); \t
\t \t $(url).find("h1, p, li, img").toggle(); \t \t
\t \t event.preventDefault();
\t });
$(document).ready(function() {
$(".theunwakingworld").click(function() {
$(".theunwakingworld").toggle();
});
});
\t \t
});
ul
{
\t list-style-type:none;
\t margin: 0;
\t padding: 0;
}
li
{
\t display:inline;
}
a{
\t text-decoration: none;
\t color: grey;
\t font-size: 120%;
\t padding: 5px;
\t margin:0;
}
a:hover, a:visited{
\t color: black;
}
#wrapper {
clear:both;
overflow:hidden;
margin:19px 0px 0px 301px;
padding:106px 0px 0px 0px;
}
#submenu {
-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
font-size:60%;
font-family:Courier New, Courier, monospace;
}
#theunkwakingworld {
overflow:hidden;
display:inline-block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<body>
\t <div id="wrapper">
\t <nav>
\t <ul id="menu">
\t <li> <a href=".works">Works</a></li>
\t \t \t <li> <a href=".about">About</a></li>
<li> <a href=".contact">Contact</a></li>
</ul>
\t \t <ul id="submenu" class="works">
\t \t \t \t
\t \t \t \t <li> <a href=".blurg">Blurg</a></li>
\t \t \t \t/
<li> <a href=".theunwakingworld">The Unwaking World</a></li>
\t \t </ul>
</nav>
<section id="content">
\t \t \t \t <div class="theunwakingworld">
\t \t \t \t <h1>The Unwaking World</h1>
\t \t \t \t <img src="images/photography/manfloor.jpg" width="1000" height="500">
\t \t \t \t <img src="images/photography/trainstation.jpg" width="1000" height="500">
\t \t \t \t <img src="images/photography/oldfriends.jpg" width="1000" height="500">
\t \t \t \t
\t \t \t \t
\t \t </div>
<div class="blurg">
\t \t \t \t <h1>Blurg</h1>
\t \t \t \t <iframe src="//player.vimeo.com/video/56594925" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="http://vimeo.com/56594925"></a>
</a>
\t \t \t \t
\t \t </div>
\t \t \t </section>
\t </div>
</body>
У вас есть функции $ (document) .ready, определенные внутри другой функции $ (document) .ready. Я сомневаюсь, что внутри кто-нибудь выстрелит. – HeadCode
Я удалил второй $ (документ), который переводит div 'theunwakingworld' и добавил эти две строки кода в первый $ (документ) .ready, но im все еще сталкивается с проблемой. – user2043607