如何使用jsfiddle在我的本地主机
How to use jsfiddle in my localhost
这是jsfiddle http://jsfiddle.net/WHzKp/14/.
这是我的html文件:
<!DOCTYPE html>
<html>
<head>
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js" type="text/javascript" ></script>
<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example4/colorbox.css" type="text/css" media="screen"/>
<script type="text/javascript">
$(document).ready(function () {
$("#test").click(function () { //on clicking the link above
$(this).colorbox({iframe:true, width:"100%", height:"100%"});
});
});
</script>
</head>
<body>
<h3>External Form</h3>
<a href="https://dev88.wufoo.com/forms/ze7xusq0j2tum9/" id="test">Please fill out my form.</a>
</body>
</html>
这里在jsfiddle它的工作很好,我需要什么,但在我的本地主机运行与我的html文件没有工作,谁能指导我,请,我的错误是什么?
你需要修改你的html来包含jquery,因为它将在客户端浏览器中运行,下面我使用了cdn路径到jquery,它应该在jquery.colorbox.js之前加载
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js" type="text/javascript" ></script>
<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example4/colorbox.css" type="text/css" media="screen"/>
<script type="text/javascript">
$(document).ready(function () {
$("#test").click(function () { //on clicking the link above
$(this).colorbox({iframe:true, width:"100%", height:"100%"});
});
});
</script>
</head>
<body>
<h3>External Form</h3>
<a href="https://dev88.wufoo.com/forms/ze7xusq0j2tum9/" id="test">Please fill out my form.</a>
</body>
</html>
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 可以't让我的if语句处理js中的html表单输入
- 我的单元测试选项是什么
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- chart.js在我的本地主机上运行良好,但无法在线运行
- 如何在我的本地主机 php 服务器上安装更少
- 谷歌地图自定义制作工具没有出现在我的服务器上,但适用于本地主机
- 我可以在同一本地网络但不在同一主机中的两个文件之间使用PostMessage吗
- 我怎么知道什么是我的数据库在我的服务器上的主机名
- IE8不能呈现我的网站,除非我添加主机到受信任的网站
- 如何使用jsfiddle在我的本地主机
- 我的Javascript不工作在本地主机XAMPP
- 不能运行我的Node.Js应用程序与我的机器的IP地址,但可以与本地主机
- 为什么我的AJAX调用前缀web主机的url
- 源代码的变化不会立即反映在他们上传到我的网站主机
- 我可以使用testacular来测试网页是不是不在我的本地主机
- 我可以从浏览器控制台(通过AJAX)发送信息到我的php文件在本地/远程主机
- Angular JS $http.get()不能在我的服务器上工作,它只能在本地主机上工作
- Myscript在我的本地主机中不工作,但如果在jsfiddle中,它'It’很好
- 虚拟主机服务太慢,无法运行我的JavaScript代码