Yii和bootstrap:当我得到一个奇怪的行为时如何调试jQuery?

时间:2013-03-13 04:01:55

标签: jquery debugging yii firebug

我在使用jQuery开发Yii应用程序时遇到了问题。使用Firebug,当我点击一个标签时,我可以看到导航器拨打了很多电话:两次到主页,四次到原始目的地等;但我看不出会发生什么。电话发生了,我不知道在哪里。但是,如果我可以调试并查看调用的确切位置,我很确定我可以解决它。

我的问题:在这种情况下如何调试jQuery?

编辑:感谢您的帮助。我解释了这个问题。这是网页的设计。当我单击“区域”选项卡时,我在contentarea_zone中加载了一个网页。它也有标签(这些标签是Yii的Bootstrap扩展名的礼貌,他们也使用jQuery)

enter image description here

当我单击“描述”选项卡时,我在Firebug控制台中看到了这些调用。

enter image description here

但我看不出他们来自哪里。如果我在Firebug控制台右侧读到,我会看到“jquery.js”和行号,但jQuery库只有9405行。我不知道为什么Firebug会在10079,10692等行报告电话。

我真的迷路了。如果问题仍然不清楚,如果你推荐一个合适的工具或方法来调试这个案例,那将对我有所帮助......

编辑2:感谢您的建议,我开始使用Firebug及其选项。我发现导致重复调用的库是bootstrap.js。似乎在完成加载选项卡“描述”时,它已经积累了“回调”。但是,我仍然不知道这些回调来自何处。一些想法?

2 个答案:

答案 0 :(得分:3)

放置关键字

debugger;

您要调试代码的位置。代码执行将打破那里,从firebug控制台你可以进入,通过代码和一步一步跟随代码的执行

TIPS and TRICKS

答案 1 :(得分:0)

好吧,在某些方面使用Firebug和关键字“调试器”后,我可以找到问题的根源。点击是冒泡,触发不应触发的事件。一个简单的行,如

e.stopImmediatePropagation()

修复了问题,使jQuery在第一次点击后停止冒泡。

感谢您的回答!