Question

我添加到我网站的我的图片或iframe视频没有显示。我不完全确定，因为我对javascript没有太多经验，但我觉得它可能是问题的根源。

非常感谢任何帮助。

   
function hidedivs() {
	$("#content").children().hide();
};




$(document).ready(function() {
	hidedivs();
	$("#submenu").hide();
		$("works").click(function(){
            $("#submenu").toggle('Slide');
            return false;
		});
    
    	$("nav a").click(function(event){
		var url = $(this).attr("href");
		hidedivs();
		$(url).toggle();			
		$(url).children().hide(); 	
		$(url).find("h1, p, li, img").toggle();		
		event.preventDefault();
	});
    
  $(document).ready(function() {
         $(".theunwakingworld").click(function() {
         $(".theunwakingworld").toggle();
         
         });  
       });   
		
});

ul
{
	list-style-type:none;
	margin: 0;
	padding: 0;
}

li
{
	display:inline;
}

a{
	text-decoration: none;
	color: grey;
	font-size: 120%;
	padding: 5px;
	margin:0;
}

a:hover, a:visited{
	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>

	<div id="wrapper">
	<nav>
    	<ul id="menu">
        	<li> <a href=".works">Works</a></li>
			<li> <a href=".about">About</a></li>
            <li> <a href=".contact">Contact</a></li>
        </ul>
		<ul id="submenu" class="works">
				
				<li> <a href=".blurg">Blurg</a></li>
				/
                <li> <a href=".theunwakingworld">The Unwaking World</a></li>
            

		</ul>
    </nav>
        <section id="content">
				<div class="theunwakingworld">
				<h1>The Unwaking World</h1>
				<img src="images/photography/manfloor.jpg" width="1000" height="500">
				<img src="images/photography/trainstation.jpg" width="1000" height="500">
				<img src="images/photography/oldfriends.jpg" width="1000" height="500">
				
				
		</div>
                    
                    <div class="blurg">
				<h1>Blurg</h1>
				<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> 

				
		</div>
			</section>
	</div>

       

</body>

Answer 1

实际上，它看起来像是脚本无法使用图像和视频播放器的路径。我可以看到图像应该是的地方的轮廓，但它永远不会在这里使用像这样的本地路径。图像目录需要与包含所有html，css和javascript的索引页面位于同一目录中。您的目录布局应如下所示：

htdocs/
    index.html
    images/
        photography/
            manfloor.jpg
            trainstation.jpg
            oldfriends.jpg

尝试在播放器src中添加协议：

http://player.vimeo.com/video/56594925

好的，我想我拥有它。你的iframe没有显示，但其余的链接和文字都是。尝试简单地添加＆＃34; iframe＆＃34;到下面一行：

$(url).find("h1, p, li, img, iframe").toggle();

图像不会显示

1 个答案: