Javascript悬停不工作
我正在尝试实现一个悬停javascript,这样一旦鼠标悬停在图像上,项目标题就会出现 当前,它似乎显示项目标题,而不是项目标题下的图像 我错过了什么重要的东西吗Javascript悬停不工作,javascript,jquery,css,wordpress,Javascript,Jquery,Css,Wordpress,我正在尝试实现一个悬停javascript,这样一旦鼠标悬停在图像上,项目标题就会出现 当前,它似乎显示项目标题,而不是项目标题下的图像 我错过了什么重要的东西吗 <script type="text/javascript" src="/jj/wp-content/themes/child/scripts/modernizr-2.5.3.min.js"></script> <script type="text/javascript" src="/jj/wp-con
<script type="text/javascript" src="/jj/wp-content/themes/child/scripts/modernizr-2.5.3.min.js"></script>
<script type="text/javascript" src="/jj/wp-content/themes/child/scripts/plugins.js"></script>
<script type="text/javascript" src="/jj/wp-content/themes/child/scripts/script.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
</head>
<body>
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<!-- portfolio-catcher -->
<div id="portfolio-catcher">
</div>
<!-- .portfolio-catcher -->
<header>
<!-- container -->
<div class="container">
<nav id="local">
<a rel="nofollow" href="#portfolio">Portfolio</a> |
<a rel="nofollow" href="#contact">Contact</a>
</nav>
<h1><a href="#portfolio"><img src="/assets/img/hattie-newman.png" alt="Hattie Newman" /></a></h1>
<nav id="external">
<a href="//hattienewman.tumblr.com" target="_blank">News</a> |
<a href="//twitter.com/hattienewman" target="_blank">Twitter</a>
</nav>
<div class="clearfix"></div>
</div>
<!-- .container -->
</header>
window.jQuery | | document.write(“”)
|
|
在每个组中的
标记前面出现的
标记中的高度被设置为与
元素相同的高度。将此
的高度设置为零将显示
社论
&mdash;
夫人杂志
您应该在其他人之前加载jQuery脚本我已经移动了jQuery,使它在其他人之前加载,但它似乎只显示图像的顶部,而不是整个内容当我访问您发布的链接时,我在控制台中得到以下输出:ReferenceError:找不到变量:jQuery plugins.js:13ReferenceError:找不到变量:jQuery script.js:752
看起来您的鼠标悬停现在正在工作,尽管鼠标悬停似乎一直在显示,而不是在图像上悬停
<li data-src="http://www.hattienewman.co.uk/images/uploads/madameproject.jpg" style="height: 393px; position: absolute; top: 0px; left: 652px;" class="masonry-brick">
<p>
<span style="width:308px;height:393px;background:#41bba1" class="cover"></span>
</p>
<hgroup data-project="projects/view/madame-magazine" style="width: 308px; height: 393px; background: none repeat scroll 0% 0% rgb(65, 187, 161); opacity: 0;">
<div>
<h3>Editorial</h3>
<p>
<span class="dash">—</span>
</p>
<p>Madame Magazine</p>
<p></p>
</div>
</hgroup>
<img alt="xxxxxx" src="http://www.hattienewman.co.uk/images/uploads/madameproject.jpg?Thu Jul 26 2012 01:49:23 GMT+0530 (India Standard Time)">
</li>