Fancybox可以在dreamweaver中使用,但不能在浏览器中使用
Fancybox works in dreamweaver but not in browser?
我在这个问题上已经有一段时间了!我终于把它设置好了,并在dreamweaver中正常工作。。我没有javascript/jquery的经验,也很少有HTML和CSS的经验,实际上这个网站是我明天下午5点的期末考试。。我已经问过了,但从那以后我解决了这个问题,并遇到了这个问题。。我该怎么办?我会附上所有东西的照片。我制作了一个"测试"页面,试图查看尽可能少的代码,认为我做错了什么,但由于屏幕上的其他一切而没有注意到,事实上,我遇到的第一个问题也是如此,一旦我制作了这个页面,我就注意到了错误并进行了更正。由于我还不能发布照片,以下是我在中遇到问题的代码
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<tr>
<td><a class="fancybox" data-fancybox-group="gallery1" href="assets/PetesTatts/1383211_606271702752068_1200146930_n.jpg"><img src="assets/PetesTatts/1383211_606271702752068_1200146930_n.jpg" width="175" height="177" alt=""/></a></td>
<td><a class="fancybox" data-fancybox-group="gallery1"href="assets/PetesTatts/1385264_612275125485059_2140615835_n.jpg"><img src="assets/PetesTatts/1385264_612275125485059_2140615835_n.jpg" width="175" height="177" alt=""/></a></td>
<td><a class="fancybox" data-fancybox-group="gallery1" href="assets/PetesTatts/1395198_615888051790433_921813584_n.jpg"><img src="assets/PetesTatts/1395198_615888051790433_921813584_n.jpg" width="175" height="177" alt=""/></a></td>
<td><a class="fancybox" data-fancybox-group="gallery1" href="assets/PetesTatts/1395204_606590826053489_121841936_n.jpg"><img src="assets/PetesTatts/1395204_606590826053489_121841936_n.jpg" width="175" height="177" alt=""/></a></td>
<td><a class="fancybox" data-fancybox-group="gallery1" href="assets/PetesTatts/1395216_601485709897334_965449977_n.jpg"><img src="assets/PetesTatts/1395216_601485709897334_965449977_n.jpg" width="175" height="177" alt=""/></a></td>
</tr>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
在链接和脚本标记中删除fancybox之前的"/",它应该可以正确加载。
它应该是这样的:
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
相关文章:
- Json到CSV下载,可以在chrome中工作,但不能在IE浏览器中工作
- Javascript可以在chrome中使用,但不能在其他浏览器中使用
- 漂亮的照片在Dreamweaver上完美运行;但不能在任何浏览器上在线工作
- Fancybox可以在dreamweaver中使用,但不能在浏览器中使用
- Sencha Touch、Apigee JS SDK和Phonegap可以在浏览器中工作,但不能在IOS中工作
- Rails页面JS可以在真正的浏览器/手动测试中工作,但不能在PhantomJS&硒规格
- Javascript可以在Safari上运行,但不能在任何其他浏览器上运行
- Javascript可以在JSfiddle中工作,但不能在浏览器中工作
- Flash播放器”;数据“;更新在FF中工作,但不能在x浏览器(twitch)中工作
- 地理定位可以在网络浏览器上工作,但不能在android手机浏览器上工作
- Angular$http get可以在浏览器中使用,但不能在设备上使用-Ionic
- Zurb Foundation 5-顶部栏-可在小型浏览器窗口上折叠,但不能在移动设备上折叠
- jQuery响应在DreamWeaver中工作,但不能在浏览器中工作
- Android WebView -可以在浏览器中工作,但不能在WebView中工作
- 防止浏览器中的后退导航,但不能阻止使用window.onbeforeunload进行刷新
- Javascript在沙盒中工作,但不能在浏览器中工作
- 可以在IE8中使用Javascript,但不能在chrome和safari等最新浏览器中使用
- 用ajax在本地浏览器加载JSON,但不能在PhoneGap应用中加载
- Javascript音频可以在浏览器中播放,但不能在iOS设备上播放
- 我需要一个确认弹出浏览器关闭.我正在使用onbeforeunload事件,但不能在Firefox中工作,也想限制页面刷新