Javascript 在dreamweaver中，代码无法在JSFIDLE之外工作
我的目标是制作一个包含交互式视频的网页，在这里搜索时，我发现了一个指向 由于代码在JSFIDLE上运行得非常好，当我试图将其复制到DreamWeaver中时，代码崩溃了（JavaScript似乎已经停止工作） 我把这一切都放在了一起：Javascript 在dreamweaver中，代码无法在JSFIDLE之外工作,javascript,jquery,dreamweaver,jsfiddle,Javascript,Jquery,Dreamweaver,Jsfiddle,我的目标是制作一个包含交互式视频的网页，在这里搜索时，我发现了一个指向 由于代码在JSFIDLE上运行得非常好，当我试图将其复制到DreamWeaver中时，代码崩溃了（JavaScript似乎已经停止工作） 我把这一切都放在了一起： <html> <head> <style> div.tab-headers>a { display: inline-block; width: 50px; background-color: #e
<html>
<head>
<style>
div.tab-headers>a
{
display: inline-block;
width: 50px;
background-color: #eee;
padding: 10px;
border: 1px solid #666;
}
div.tab
{
height: 400px;
width: 100%;
border: 1px solid #666;
background-color: #ddd;
padding: 10px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$("div.tab-headers>a").click(function () {
// Grab the href of the header
var _href = $(this).attr("href");
// Remove the first character (i.e. the "#")
_href = _href.substring(1);
// show this tab
tabify(_href);
});
function tabify(_tab) {
// Hide all the tabs
$(".tab").hide();
// If valid show tab, otherwise show the first one
if (_tab) {
$(".tab a[name=" + _tab + "]").parent().show();
} else {
$(".tab").first().show();
}
}
// On page load...
$(document).ready(function () {
// Show our "default" tab.
// You may wish to grab the current hash value from the URL and display the appropriate one
tabify();
});
</script>
</head>
<body>
<div class="tab-headers">
<a href="#tab1">T1</a>
<a href="#tab2">T2</a>
<a href="#tab3">T3</a>
<div>
<div class="tab">
<a name="tab1">tab 1</a>
Tab contents
</div>
<div class="tab">
<a name="tab2">tab 2</a>
Tab contents
</div>
<div class="tab">
<a name="tab3">tab 3</a>
Tab contents
</div>
</body>
</html>
div.tab-headers>a
{
显示：内联块；
宽度：50px；
背景色：#eee；
填充：10px；
边框：1px实心#666；
}
分区选项卡
{
高度：400px；
宽度：100%；
边框：1px实心#666；
背景色：#ddd；
填充：10px；
}
$（“div.tab-headers>a”）。单击（函数（）{
//抓取标题的href
var_href=$（this.attr（“href”）；
//删除第一个字符（即“#”）后
_href=_href.子字符串（1）；
//显示此选项卡
tabify（_href）；
});
函数选项卡化（_选项卡）{
//隐藏所有标签
$（“.tab”）.hide（）；
//如果“显示”选项卡有效，则显示第一个选项卡
如果（_选项卡）{
$（“.tab a[name=“+\u tab+”]）。父项（）.show（）；
}否则{
$（“.tab”）.first（）.show（）；
}
}
//页面加载时。。。
$（文档）.ready（函数（）{
//显示我们的“默认”选项卡。
//您可能希望从URL中获取当前哈希值并显示相应的哈希值
tabify（）；
});
表1
选项卡内容
表2
选项卡内容
表3
选项卡内容
$(document).ready(function () {
$("div.tab-headers>a").click(function () {
// Grab the href of the header
var _href = $(this).attr("href");
// Remove the first character (i.e. the "#")
_href = _href.substring(1);
// show this tab
tabify(_href);
});
tabify();
});
它在fiddle上工作的原因是，JSFIDLE会自动将您的代码包装到就绪处理程序中—它们的选择框位于左侧，可供选择，尽管您需要移动文档就绪处理程序中的单击处理程序代码-
$(document).ready(function () {
$("div.tab-headers>a").click(function () {
// Grab the href of the header
var _href = $(this).attr("href");
// Remove the first character (i.e. the "#")
_href = _href.substring(1);
// show this tab
tabify(_href);
});
tabify();
});
它在fiddle上工作的原因是，JSFIDLE会自动将您的代码包装在就绪处理程序中—左侧的选择框可供选择，但查看页面左侧的设置—JavaScript设置为运行
onLoadwindow.onloadonLoadwindow.onload