blocks|key|784511|text|不确定，但在我看来这行代码有问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|784512|$('#tabs').tabs('load',+index);|code-block|syntax|javascript|784513|我相信您将有多个选项卡，但您使用的是id+#tab，它应该在每个元素每个页面中使用一次。尝试使用用于这些选项卡的类：|offset|length|style|CODE|784514|$('.tabs').tabs('load',+index);|784515|entityMap^0|0|0|L|4|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Not sure but this line looks problematic to me:

<pre><code>$('#tabs').tabs('load', index);
</code></pre>

I believe you are going to have more than one tab but you are using id <code>#tab</code> which should be used once per element per page. Try using a class for those tabs instead:

<pre><code>$('.tabs').tabs('load', index);
</code></pre>

blocks|key|781742|text|加载的远程内容中是否使用了任何控制台功能？启用Firebug与未启用Firebug相比，一个明显的变化是将所有这些console.*函数添加到全局对象中。因此，例如，如果您有一条日志语句：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|781743|console.log("hello")
alert("world");|code-block|syntax|javascript|781744|如果启用了Firebug，这将仅向"world“发出警报，否则调用console.log将抛出ReferenceError错误，并且不会运行任何后续代码，从而不会显示任何警报。|offset|length|style|CODE|781745|我能想象到的另一种可能性是异步加载内容。当您设置断点时，它会为您在断点处等待时加载的远程内容增加时间。当您向前移动时，内容可能会被加载，并且执行会照常进行。但是，当没有断点时，脚本将继续执行而不会停止，并且可能会中断。当然，这只是一个理论。|781746|entityMap^0|0|0|X|B|1B|E|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

Are there any console functions being used in the remote content that is loaded? One change that is obvious when Firebug is enabled vs when it is not, is the addition of all these console.* functions to the global object. So if you have for example a log statement:

<pre><code>console.log("hello")
alert("world");
</code></pre>

this will only alert "world" if Firebug is enabled, otherwise a call to <code>console.log</code> will throw a <code>ReferenceError</code> error and none of the subsequent code will run resulting in no alerts being shown.

One other possibility I can imagine has to do with asynchronous loading of content. When you set breakpoints, it adds time to the remote content that is loading while you are waiting at the breakpoint. By the time you move forward that content is potentially loaded and execution proceeds as normal. However, when there are no breakpoints the script will continue executing without stops and may break. This, of course, is just a theory.

blocks|key|1527243|text|如果您查看选项卡的jQuery+UI源代码，问题很快就会显现出来，here's+the+start+of+what+happens+when+you+call+that+load+function|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1527244|load:+function(index)+{
++index+=+this._getIndex(index);
++var+self+=+this,+o+=+this.options,+a+=+this.anchors.eq(index)[0],+
+++++++++++++url+=+$.data(a,+'load.tabs');
++this.abort();++//uh+oh|code-block|syntax|javascript|1527245|当您在选项卡上调用load时，它做的第一件事就是kill+any++tabs+running+an+AJAX+call。因此，如果您查看您的页面，它会预先加载选项卡，但只加载最后一个选项卡，因为在快速循环中，每个选项卡都会杀死前一个选项卡的AJAX请求。|1527246|我想您应该重新了解一下如何从整体上实现这一点，因为AJAX模型是从锚点加载的(+<div>元素根本不应该在那里)，我不确定您的标记在这里到底是什么样子。|1527247|你有两个选择，你可以自己做AJAX加载(更好的IMO)，或者使用内置的，但按顺序进行，如下所示：|1527248|$("#tabs").tabs({
++load:+function(event,+ui)+{
++++if(ui.index+!=+$("#tabs+a").length+-+1)+//not+on+the+last+tab
++++++$(this).tabs('load',+ui.index+%2B+1);+++//load+the+next+tab
++}
}).tabs('load',+0);+++++++++++++++++++++++++//kick+off+the+first|1527249|我没有一个很好的环境来测试上面的内容，但我们基本上使用的是load+event，它会在一个选项卡加载完成时触发，然后开始下一个选项卡(所以我们不会在循环中中止之前的选项卡)。这要慢得多，因为我们做的是串行而不是并行的requests...this，所以为了性能，我建议你在.tabs()提供的任何东西之外调用.load()。|1527250|entityMap|0|LINK|mutability|MUTABLE|url|http://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.tabs.js#L589|1|http://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.tabs.js#L661|2|http://jqueryui.com/demos/tabs/#event-load|3|http://jqueryui.com/demos/tabs/|4|http://api.jquery.com/load/^0|2D|4|X|1T|0|0|0|9|4|O|Z|1|0|14|5|0|0|0|T|4|3S|7|4A|7|T|A|2|3S|7|3|4A|7|4|0^^$0|@$1|2|3|4|5|6|7|1A|8|@$9|1B|A|1C|B|C]]|D|@$9|1D|A|1E|1|1F]]|E|$]]|$1|F|3|G|5|H|7|1G|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1H|8|@$9|1I|A|1J|B|C]]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|M|3|N|5|6|7|1N|8|@$9|1O|A|1P|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1R|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|6|7|1S|8|@$9|1T|A|1U|B|C]|$9|1V|A|1W|B|C]|$9|1X|A|1Y|B|C]]|D|@$9|1Z|A|20|1|21]|$9|22|A|23|1|24]|$9|25|A|26|1|27]]|E|$]]|$1|U|3|-4|5|6|7|28|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]|12|$5|X|Y|Z|E|$10|13]]|14|$5|X|Y|Z|E|$10|15]]|16|$5|X|Y|Z|E|$10|17]]|18|$5|X|Y|Z|E|$10|19]]]]

If you look at the jQuery UI source for tabs the problem shows itself pretty fast, <a href="http://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.tabs.js#L589" rel="nofollow noreferrer">here's the start of what happens when you call that <code>load</code> function</a>:

<pre><code>load: function(index) {
 index = this._getIndex(index);
 var self = this, o = this.options, a = this.anchors.eq(index)[0], 
 url = $.data(a, 'load.tabs');
 this.abort(); //uh oh
</code></pre>

When you call <code>load</code> on a tab, the first thing it does is <a href="http://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.tabs.js#L661" rel="nofollow noreferrer">kill any other tabs running an AJAX call</a>. So if you look at your page it is pre-loading the tabs, but only the last tab, because in a quick loop, each tab kills the previous one's AJAX request.

I think you'll want to re-visit how you're doing this as a whole, since the AJAX model is intended to load from the anchors (the <code>&lt;div&gt;</code> elements shouldn't be there at all) I'm not sure exactly how your markup looks here.

You have 2 options though, you can either do the AJAX loads yourself (better IMO), or use the built-in but do it sequentially, like this:

<pre><code>$("#tabs").tabs({
 load: function(event, ui) {
 if(ui.index != $("#tabs a").length - 1) //not on the last tab
 $(this).tabs('load', ui.index + 1); //load the next tab
 }
}).tabs('load', 0); //kick off the first
</code></pre>

I don't have a good environment to test the above, but we're basically using the <a href="http://jqueryui.com/demos/tabs/#event-load" rel="nofollow noreferrer"><code>load</code> event</a> which fires when one tab finishes loading, then we start the next (so we never abort the one before in the loop). This is much slower, since we're doing serial and not parallel requests...this is why for performance I recommend you make the <a href="http://api.jquery.com/load/" rel="nofollow noreferrer"><code>.load()</code></a> call yourself outside anything <a href="http://jqueryui.com/demos/tabs/" rel="nofollow noreferrer"><code>.tabs()</code></a> offers.

blocks|key|3940139|text|非常简单的解决方案-如果你的源代码中有任何console.log，在火狐中，如果火虫被关闭，这将会破坏你的应用程序。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3940140|你可以做两件事：|3940141|3940142|手动删除源代码中的所有console.logs|ordered-list-item|3940143|更好地使用一个小的toConsole包装器函数，以便在代码中只有一个位置有console.log，这样在完成调试时就可以很容易地将其关闭：|3940144|3940145|toConsole:+function(+obj+)+{+console.log(+obj+);+}|code-block|syntax|javascript|3940146|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|T|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|U|8|@]|9|@]|A|$]]|$1|H|3|I|5|G|7|V|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|W|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|X|8|@]|9|@]|A|$N|O]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

pretty simple solution - if you have any console.log(s) in your source, in Firefox this will break your application if Firebug is turned off.

You can do 2 things:

<ol>
<li>remove all console.logs(s) from your source by hand</li>
<li>better, use a little toConsole wrapper function, so that there is only one location where you have console.log in your code, so you can easily turn it off when you're finished with debugging:</li>
</ol>

&nbsp;

<pre><code>toConsole: function( obj ) { console.log( obj ); }
</code></pre>

blocks|key|2531746|text|有相同的问题(动态内容只有当我在firebug中逐步通过它时才能工作)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2531747|问题是我加载的是xml内容，但没有设置async属性。|offset|length|style|CODE|2531748|我的代码最初是这样的：|2531749|var+xmlDoc+=+createDocument();+&nbsp;//createDocument()+was+a+cross+browser+solution+for+creating+xml
xmlDoc.load("file.xml");|code-block|syntax|javascript|2531750|将代码更改为：|2531751|var+xmlDoc+=+createDocument();
xmlDoc.async+=+false;
xmlDoc.load("file.xml");|2531752|帮了我大忙。谢谢!|2531753|entityMap^0|0|J|5|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|11|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|12|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|13|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|14|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

Had the same problem (dynamic content only working when I stepped through it in firebug).

Problem was I was loading xml content but not setting the <code>async</code> property.

My code originally looked like:

<pre><code>var xmlDoc = createDocument(); &amp;nbsp;//createDocument() was a cross browser solution for creating xml
xmlDoc.load("file.xml");
</code></pre>

Changing the code to:

<pre><code>var xmlDoc = createDocument();
xmlDoc.async = false;
xmlDoc.load("file.xml");
</code></pre>

did the trick for me. Thanks!

I am using jQuery UI to build tabs on my page. That works well until I add this following piece of code.

<pre><code>$(function () {
 $('#tabs').children("div").each(function (index) {
 $('#tabs').tabs('load', index);
 });
});
</code></pre>

I'm trying to preload the tabs. What is interesting, is that if i run this through Firebug and put a breakpoint in that piece of code and step through, the code works perfectly. Otherwise the tabs are rendered, but the content within the tabs is not. This issue has been driving me crazy! Can anyone help?

Javascript only working in Firebug

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在使用jQuery UI在我的页面上构建选项卡。在我添加下面这段代码之前，它工作得很好。$(function () {    $('#tabs').children("div").each(function (index) {        $('#tabs').tabs('load', index);    })...

问Javascript仅在Firebug中工作
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript仅在Firebug中工作EN