Javascript 将D3脚本添加到HTML文件时DomeException:无法执行';查询选择器';在';文件';:';[对象窗口]';不是有效的选择器
我正在为我的站点使用一个免费的HTML模板,当我添加D3脚本时,页面从未加载,我得到了上面的错误。我尝试添加脚本,下载代码并在本地引用它。一旦我删除或注释掉D3,页面就会完全加载 任何帮助都将不胜感激 以下是从错误引用的行开始的索引文件中的代码Javascript 将D3脚本添加到HTML文件时DomeException:无法执行';查询选择器';在';文件';:';[对象窗口]';不是有效的选择器,javascript,html,d3.js,Javascript,Html,D3.js,我正在为我的站点使用一个免费的HTML模板,当我添加D3脚本时,页面从未加载,我得到了上面的错误。我尝试添加脚本,下载代码并在本地引用它。一旦我删除或注释掉D3,页面就会完全加载 任何帮助都将不胜感激 以下是从错误引用的行开始的索引文件中的代码 // Everything is loaded including images. $(window).on("load", function(){ // Render the page on modern
// Everything is loaded including images.
$(window).on("load", function(){
// Render the page on modern browser only.
if(renderPage) {
// Remove loader
$('body').addClass('loaded');
// Page transition
var allPages = $(".tm-section");
// Handle click of "Continue", which changes to next page
// The link contains data-nav-link attribute, which holds the nav item ID
// Nav item ID is then used to access and trigger click on the corresponding nav item
var linkToAnotherPage = $("a.tm-btn[data-nav-link]");
if(linkToAnotherPage != null) {
linkToAnotherPage.on("click", function(){
var navItemToHighlight = linkToAnotherPage.data("navLink");
$("a" + navItemToHighlight).click();
});
}
// Hide all pages
allPages.hide();
$("#tm-section-1").fadeIn();
// Set up background first page
var bgImg = $("#tmNavLink1").data("bgImg");
$.backstretch("img/" + bgImg, {fade: 500});
// Setup Carousel, Nav, and Nav Toggle
setupCarousel();
setupNav();
setupNavToggle();
setupFooter();
// Resize Carousel upon window resize
$(window).resize(function() {
setupCarousel();
setupFooter();
});
}
});
</script>
//所有内容都已加载,包括图像。
$(窗口).on(“加载”,函数(){
//仅在现代浏览器上呈现页面。
如果(渲染页面){
//卸下装载机
$('body').addClass('loaded');
//页面转换
var allPages=$(“.tm节”);
//处理“继续”的单击,该操作将更改为下一页
//链接包含数据导航链接属性,该属性保存导航项目ID
//然后使用导航项目ID访问并触发对相应导航项目的单击
var linkToAnotherPage=$(“a.tm-btn[数据导航链接]”);
如果(链接到另一个页面!=null){
链接到另一个页面上(“单击”,函数(){
var navItemToHighlight=linkToAnotherPage.data(“navLink”);
$(“a”+navItemToHighlight)。单击();
});
}
//隐藏所有页面
allPages.hide();
$(“#tm-section-1”).fadeIn();
//设置背景第一页
var bgImg=$(“#tmNavLink1”)。数据(“bgImg”);
$.backstretch(“img/”+bgImg,{fade:500});
//设置转盘、导航和导航切换
设置转盘();
setupNav();
setupNavToggle();
setupFooter();
//调整窗口大小时调整旋转木马的大小
$(窗口)。调整大小(函数(){
设置转盘();
setupFooter();
});
}
});
您的描述中是否缺少错误消息?我没有看到任何错误。如果引用的错误消息确实是指以$(窗口)
开头的行,那么这可能表明$
不再是实际的jQuery对象,而是被其他对象覆盖了。(我试着检查ds3文档,看看它是否也使用了$
,但一眼就找不到这样的东西。)试着在非冲突模式下运行jQuery(请记住,这需要将代码中的$
替换为jQuery
),看看这是否改变了什么。如果没有,那么我们需要更好地说明问题-请提供适当的说明。很抱歉,标题中有错误消息。您的说明中是否缺少错误消息?我没有看到任何错误。如果引用的错误消息确实是指以$(窗口)
开头的行,那么这可能表明$
不再是实际的jQuery对象,而是被其他对象覆盖了。(我试着检查ds3文档,看看它是否也使用了$
,但一眼就找不到这样的东西。)试着在非冲突模式下运行jQuery(请记住,这需要将代码中的$
替换为jQuery
),看看这是否改变了什么。如果没有,那么我们需要更好地说明问题-请提供正确的答案。@PIG208抱歉,错误消息在标题中。