未捕获的TypeError:对象#<对象>没有方法'点击'(Uncaught TypeError: Object # has no method 'click')
我想点击当前活动项目中的下一个li项目。 哪个li是活动的,它的标记包含活动类。
首先,我得到一个标签,它是父母李。 现在我得到了ul的li索引。 然后在其值中添加1,然后在其上获取标记并触发单击事件。
我的代码在IE和Firefox中运行良好,但在Chrome中我得到以下异常。
“未捕获的TypeError:对象#没有方法'点击'”
请在我的代码中建议我可用的链接或示例代码或更正。
我的HTML代码是: -
<nav class="cycle-nav-container" role="navigation"> <ul class="list-b" id="cycle-1-nav"> <li class="hitmo"><a href="http://hitmo-studio.com/#hitmo">Hitmo</a></li> <li class="fastpr"><a href="#" class="active">FastPr</a></li> <li class="thinkmedia"><a href="http://hitmo-studio.com/#thinkmedia">Thinkmedia</a></li> <li class="arkana"><a href="http://hitmo-studio.com/#arkana">Arkana</a></li> <li class="bioway"><a href="http://hitmo-studio.com/#bioway">Bioway</a></li> <li class="nana"><a href="http://hitmo-studio.com/#nana">Nanaform</a></li> <li class="akademia"><a href="http://hitmo-studio.com/#akademia">Social Media Academy</a></li> </ul> </nav>
我的Javascript代码是: -
var navIndex = $('.cycle-nav-container .list-b .active').parent(); var nextIndex = $("ul.list-b li").index(navIndex) + 1; var par = $("ul.list-b"); if(nextIndex>=par[0].children.length) nextIndex=0; var nextElement = par[0].children[nextIndex]; var navIndex12 = nextElement.children[0]; navIndex12.click();
I want click on next li item from current active item. Which li is active , its a tag contain active class.
So first of all , i get active a tag and it's parent li. Now i get index of li in ul . Then add 1 in its value and get next a tag and fire click event on it.
My code is working fine in IE and Firefox , but in Chrome i get following exception.
"Uncaught TypeError: Object # has no method 'click'"
please suggests me usable link or sample code or correction in my code.
My html code is :-
<nav class="cycle-nav-container" role="navigation"> <ul class="list-b" id="cycle-1-nav"> <li class="hitmo"><a href="http://hitmo-studio.com/#hitmo">Hitmo</a></li> <li class="fastpr"><a href="#" class="active">FastPr</a></li> <li class="thinkmedia"><a href="http://hitmo-studio.com/#thinkmedia">Thinkmedia</a></li> <li class="arkana"><a href="http://hitmo-studio.com/#arkana">Arkana</a></li> <li class="bioway"><a href="http://hitmo-studio.com/#bioway">Bioway</a></li> <li class="nana"><a href="http://hitmo-studio.com/#nana">Nanaform</a></li> <li class="akademia"><a href="http://hitmo-studio.com/#akademia">Social Media Academy</a></li> </ul> </nav>
My Javascript code is:-
var navIndex = $('.cycle-nav-container .list-b .active').parent(); var nextIndex = $("ul.list-b li").index(navIndex) + 1; var par = $("ul.list-b"); if(nextIndex>=par[0].children.length) nextIndex=0; var nextElement = par[0].children[nextIndex]; var navIndex12 = nextElement.children[0]; navIndex12.click();
原文:https://stackoverflow.com/questions/10051670
最满意答案
要清除价值使用
this.messages$.next()
To clear the value use
this.messages$.next()
相关问答
更多-
Angular2 rxjs多重结果(Angular2 rxjs multiple result)[2022-04-14]
Observable.forkJoin像这样工作: Observable.forkJoin( obs1, obs2, obs3 ).subscribe(result => { const resultOfObs1 = result[0]; const resultOfObs2 = result[1]; const resultOfObs3 = result[2]; }); 您可以map分叉结果并返回一个新的Observable .. public computePred ... -
RxJS和angular2(RxJS and angular2)[2023-05-22]
简短的回答是你不能,至少不是没有为你的服务引入某种程度的异步性。 简单的事实是没有办法强制阻塞行为并等待Observable完成,你应该返回一个Observable ,你的组件应该知道如何使用它。 export class PropertyService { private properties: Observable; constructor(@Inject(Http) http) { this.properties = this.http.get('/properties.j ... -
Rxjs提供了Reactive Programming概念的实现。 Angular2基于它,用于组件中的自定义事件(扩展Subject 1的EventEmitter类)和HTTP支持( get , post ,...等方法)。 angular2-polyfills.js文件包含ZoneJS和Reflect-metadata。 ZoneJS是一个触发Angular2变化检测的工具(有关更多详细信息,请参阅此问题: 与AngularJS $手表等效的Angular2是什么? )。 Reflect-metadat ...
-
这是一个rxjs4 - rxjs5差异; 在rxjs4有一些Disposable s,你dispose() ,现在他们是Subscription s,你unsubscribe() 来源: https : //github.com/ReactiveX/rxjs/blob/master/MIGRATION.md It is a rxjs4 - rxjs5 difference; In rxjs4 there were Disposables that you dispose(), now they are Su ...
-
将包中的rxjs条目更改为: 'rxjs': { main: '/bundles/Rx.umd.js', defaultExtension: 'js' } Change your rxjs entry in package to this: 'rxjs': { main: '/bundles/Rx.umd.js', defaultExtension: 'js' }
-
重置Angular2中的RxJ(Resetting RxJs in Angular2)[2024-04-01]
要清除价值使用 this.messages$.next() To clear the value use this.messages$.next() -
注意:以下答案仅为POC。 它旨在教育Http的体系结构,并提供简单的工作POC实现。 我们应该看一下XHRConnection的来源, XHRConnection在实现这个时你应该考虑的其他方面。 在尝试实现这一点时,我认为没有任何方法可以直接进入XHR。 似乎我们需要提供使用Http涉及的一些组件的自定义实现。 我们应该考虑的三个主要组成部分是 Connection ConnectionBackend Http Http将ConnectionBackend作为其构造函数的参数。 当发出请求时,例如get ...
-
我使用了angular-cli并生成了我的应用程序,它按预期工作。 请尝试下面的内容,如果有效,请告诉我。 import {Injectable} from '@angular/core'; import {Http, Response} from '@angular/http'; import {Observable} from 'rxjs';//Removed:/Observable //import 'rxjs/add/operator/map'; import {UtilsService} fr ...
-
使用指令来处理事件 @Directive({ selector: '[click-handler]' }) export class ClickHandler { constructor(public elementRef: ElementRef,) { } @HostListener('click', ['$event']) onClick(e) { // do staff here } } 用法
-
Angular2 Observable与RxJS没有错误但事件没有被触发(Angular2 Observable with RxJS no errors but event not fired)[2022-08-27]
我想你应该尝试在ngAfterViewInitMethod中移动构造函数中的两行: import {Component, AfterViewInit} from '@angular/core'; import {Observable} from 'rxjs/Observable'; import 'rxjs/add/observable/fromEvent'; @Component({ selector: 'my-app', template: `相关文章
更多- Object Oriented Programming
- Guava学习笔记:复写的Object常用方法
- Cannot expose request attribute 'website' because of an existing model object of the same name 的解决方案
- 不显示删除回复显示所有回复显示星级回复显示得分回复 请问java Object的hashcode()方法是怎么实现的啊,内部的算法是什么啊
- 解决点击没有内容的空白div没有响应click事件的方法
- 研磨设计模式之工厂方法模式(Factory Method)-模式讲解1
- 研磨设计模式之工厂方法模式(Factory Method)-模式讲解2
- 研磨设计模式之工厂方法模式(Factory Method)-场景问题
- 研磨设计模式之工厂方法模式(Factory Method)-模式讲解3
- 研磨设计模式之工厂方法模式(Factory Method)-解决方案
最新问答
更多- 您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
- 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
- OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
- 页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
- codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
- 在计算机拍照在哪里进入
- 使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
- No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
- 单页应用程序:页面重新加载(Single Page Application: page reload)
- 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
- System.StackOverflow错误(System.StackOverflow error)
- KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
- 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
- android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
- TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
- 企业安全培训的各项内容
- 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
- C#类名中允许哪些字符?(What characters are allowed in C# class name?)
- NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
- 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
- 将多个行和可变行移动到列(moving multiple and variable rows to columns)
- 提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
- 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
- Angular $资源不会改变方法(Angular $resource doesn't change method)
- 在Angular 5中不是一个函数(is not a function in Angular 5)
- 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
- 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
- 常见的python rpc和cli接口(Common python rpc and cli interface)
- Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
- 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)