Javascript 我添加了函数名';测试';下面是一个错误,说它不能识别为函数。有人能帮我吗

Javascript 我添加了函数名';测试';下面是一个错误,说它不能识别为函数。有人能帮我吗,javascript,html,css,Javascript,Html,Css,错误 Uncaught 'TypeError': ".goal_test".click is not a function 代码在这里共享 我添加的代码位于星号标记之间我刚刚对您的代码进行了一些编辑,似乎一切正常。这符合你的目标吗 var-app=angular.module('app',[]); 应用程序控制器('HomeController',函数($scope){ $scope.goal_title=“投资房地产”; $scope.dates=[ 2016, 2017, 2018,

错误

Uncaught 'TypeError': ".goal_test".click is not a function
代码在这里共享


我添加的代码位于星号标记之间

我刚刚对您的代码进行了一些编辑,似乎一切正常。这符合你的目标吗

var-app=angular.module('app',[]);
应用程序控制器('HomeController',函数($scope){
$scope.goal_title=“投资房地产”;
$scope.dates=[
2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024, 2026
];
$scope.goal\u real\u estate=false;
对于(x在$scope.dates中){
如果($scope.dates[x]==2016){
$scope.goal\u real\u estate\u 2016=真;
}else if($scope.dates[x]==2021){
$scope.goal_retirement_2021=真;
}否则,如果($scope.dates[x]==2018){
$scope.goal_include_2018=真;
}else if($scope.dates[x]==2026){
$scope.goal_test_2026=真;
}
}
});
$(文档).ready(函数(e){
var viewport=Math.max(document.documentElement.clientWidth,window.innerWidth | | 0);
console.log(viewport);
$('a')。单击(函数(e){
e、 预防默认值()
})
$('.goal_wrap')。单击(函数(){
var diff=$(this).parent()[0].offsetLeft;
$('.date.goal_wrap').removeClass('activebounce');
$(this.addClass('activebounce');
控制台日志(diff);
log((viewport-diff));
TweenLite.to($('.date').parent(),1{
x:((视口*0.5)-差异),
onComplete:function(){
console.log('success');
/*TweenLite.to($('.timeline'),1,{顶部:“50%”)*/
}
});
});
$('.goal\u real\u estate')。单击(函数(){
log('goal click');
$('body').fadeTo('ease',0.3,function()){
$(this.css('background-image','url(http://extrawall.net/images/wallpapers/378_1920x1080_abstract_city.jpg)');
}).fadeTo('slow',1);
});
$('.goal_retirement')。单击(函数(){
log('goal click');
$('body').fadeTo('ease',0.3,function()){
$(this.css('background-image','url(https://wallpaperscraft.com/image/tropics_sea_palm_trees_vacation_84858_2412x1810.jpg)');
}).fadeTo('slow',1);
});
$('.goal_include')。单击(函数(){
log('goal click');
$('body').fadeTo('ease',0.3,function()){
$(this.css('background-image','url(http://www.churchmilitant.com/images/uploads/2015-06-12-niles-x.jpg)');
}).fadeTo('slow',1);
});
//试验
$('.goal_test')。单击(函数(){
log('goal click');
$('body').fadeTo('ease',0.3,function()){
$(this.css('background-image','url(http://extrawall.net/images/wallpapers/378_1920x1080_abstract_city.jpg))');
}).fadeTo('slow',1);
});
//测试结束
});
正文{
溢出:隐藏;
填充:0;
保证金:0;
过渡:所有的1容易;
}
身体{
背景:url('http://extrawall.net/images/wallpapers/378_1920x1080_abstract_city.jpg“)无重复固定中心;
背景尺寸:封面;
}
身体::之前{
内容:'';
背景:rgba(0,0,0,0.2);
位置:绝对位置;
排名:0;
底部:0;
宽度:100%;
}
a{
颜色:#fff;
文字装饰:无;
}
.时间表{
位置:绝对位置;
底部:0;
排名前100名;
宽度:3000px;
高度:50px;
背景:rgba(0,0,0,0.5);
边框顶部:1px实心#fff;
左侧填充:80px;
}
.日期{
颜色:#fff;
浮动:左;
宽度:150px;
高度:50px;
/*左侧填充:80px*/
}
.日期::之前{
内容:'';
位置:绝对位置;
高度:100vh;
宽度:1px;
背景:rgba(255,255,255,0.7);
背景:-webkit线性梯度(顶部,rgba(0,0,0,0.5),rgba(0,0,0,1));
/*Safari 5.1-6*/
背景:-o线性梯度(底部,rgba(0,0,0,0.5),rgba(0,0,0,1));
/*歌剧11.1-12*/
背景:-莫兹线性梯度(底部,rgba(0,0,0,0.5),rgba(0,0,0,1));
/*外汇3.6-15*/
背景:线性梯度(到底部,rgba(0,0,0,0.5),rgba(255,255,1));
/*标准*/
利润上限:-100vh;
}
p、 焦点{
位置:绝对位置;
排名:0;
左边距:-14px;
填充顶部:10px;
}
p、 焦点::之前{
内容:'';
宽度:20px;
高度:20px;
边框:1px实心#fff;
边界半径:50%;
位置:绝对位置;
顶部:-10px;
左:3.5px;
}
p、 焦点::之后{
内容:'';
位置:绝对位置;
宽度:10px;
高度:10px;
背景:#fff;
边界半径:50%;
顶部:-5px;
左:9px;
}
.目标{
位置:绝对位置;
宽度:50px;
高度:50px;
边框:2倍实心#fff;
文本对齐:居中;
边界半径:50%;
线高:50px;
顶部:-100px;
左边距:-24px;
字体大小:24px;
过渡:所有0.5s缓解;
}
.目标:悬停{
宽度:60px;
高度:60px;
线高:60px;
左边距:-30px;
字体大小:30px;
光标:指针;
}
.goal_wrap.active{
顶部:-160px;
宽度:80px;
高度:80px;
线高:80px;
左边距:-40px;
字体大小:40px;
光标:指针;
}
.弹跳{
动画:反弹1s.5s;
变换:比例(0.85);
}
@关键帧反弹{
0% {
变换:比例(0.85);
不透明度:1;
}
50% {
变换:比例(0.95);
不透明度:.7;
}
60% {
变换:比例(0.6);
不透明度:1;
}
80% {
变换:比例(1.6)
}
100% {
变换:比例(1.1)
}
}

时间线序列V1
***********************************
************************************

{{goal_title}}
在itTry$('.goal_test')之前添加一个
$
。在('click',function(){})上修复了一些文本您是否知道如何使此响应。我已尝试过,但已连线。感谢您的帮助您可以尝试将时间线的宽度设置为
.t