blocks|key|832187|text|直接调用函数可能更好，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|832188|$(document).ready(myFunction);

function+myFunction()+{

+++//+Your+code+here

}|code-block|syntax|javascript|832189|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

It is probably a better idea to call the function directly like so:

<pre><code>$(document).ready(myFunction);

function myFunction() {

 // Your code here

}
</code></pre>

blocks|key|832243|text|在$(document).ready中创建函数时，可以保证在加载文档之前不会调用该函数。当然，它只能从该事件处理程序本身调用(稍后在事件处理程序中的某个位置)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|832244|换句话说，你试图做的事情是有效的(尽管不一定是可取的--你必须透露更多关于你试图完成的事情)。|832245|entityMap^0|1|H|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

When you create a function inside <code>$(document).ready</code>, it's guaranteed that it won't be called before the document has loaded. Of course, it can only be called from that event handler itself (somewhere later in the event handler).

In other words, what you're trying to do is valid (though not necessarily desirable - you'd have to reveal more about what you are trying to accomplish).

blocks|key|616866|text|这绝对是合法的。问题是你为什么想做这件事？可能是为了将函数的作用域绑定到ready的作用域，而不是将其全局绑定到窗口对象。但这真的是你想要的吗？我建议看看javascript中的函数闭包，以及它是如何处理作用域的。为了帮助澄清对它的需求...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|616867|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

This is definitely legal. The question is why do you want to do it? Probably to bind the function's scope to that of ready and not have it globally bound to the window object. But is that what you really want? I suggest having a look on function closures in javascript and how it handles scoping. to help clarify the need for it...

blocks|key|616907|text|你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|616908|$(document).ready(function(){

++++var+callMe+=+function(){
+++++++//enter+code+here
++++}

++++$(".my-class").on("click",+function(){
+++++++callMe();
++++});

});|code-block|syntax|javascript|616909|因此，您不需要将函数放在文档之外，代码就会变得分组和更有条理。;)|616910|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can do like that: 

<pre><code>$(document).ready(function(){

 var callMe = function(){
 //enter code here
 }

 $(".my-class").on("click", function(){
 callMe();
 });

});
</code></pre>

So, you don't need to put the function outside the document ready and the code becomes grouped and more organized. ;)

blocks|key|832413|text|这也是可行的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|832414|$(document).ready(function()+{
++++++callMe+=+function()+{
++++++++++++alert('hello');
++++++}
});

callMe();|code-block|syntax|javascript|832415|如果您使用|832416|+var+callMe+=+function+()+{+...+}|832417|它可能无法工作，并且您可能会收到错误消息"function+is+undefined“|832418|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

This will also work.

<pre><code>$(document).ready(function() {
 callMe = function() {
 alert('hello');
 }
});

callMe();
</code></pre>

If you use 

<pre><code> var callMe = function () { ... }
</code></pre>

It may not work and you may get an error "function is undefined"

blocks|key|617021|text|看看是否可以通过将标记移到html文件的底部来消除使用document.ready的需要。这应该会让事情变得简单得多。否则，在document.ready的作用域之外声明函数，并只在document.ready函数作用域中调用它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|617022|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

See if you can eliminate the need for using document.ready by moving your tag to the bottom of the html file. This should make things alot simpler. Otherwise, declare the function outside the scope of the document.ready and just call it in the document.ready function scope.

blocks|key|617051|text|您可以像下面这样使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|617052|$(document).ready(function+()+{
++++printReport+=+function(rowIndex)+{
++++++++//+Your+code+here
++++}
});|code-block|syntax|javascript|617053|您可以从任何事件调用此函数。|617054|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can use like the following:

<pre class="lang-js prettyprint-override"><code>$(document).ready(function () {
 printReport = function(rowIndex) {
 // Your code here
 }
});
</code></pre>

You can call this function from any event.

Is it correct to create functions inside of

<pre><code>$(document).ready(function() {
</code></pre>

like so: 

<pre><code>$(document).ready(function() {
 function callMe() {

 }
 });
</code></pre>

The function inside of the <code>.ready()</code> does not have to call before DOM is ready and event inside of the <code>ready()</code> is triggered.

Just to clarify a little bit - here's the code which would illustrate the problem:

<pre><code>$(function() {
 var ind = 0;

 // some event is executed and changes the value of the ind

 // another event which affects the ind variable

 // and another one - after this event we call our function


 // there's another event - and we call our function again
</code></pre>

The function which I need to call needs the updated value of the <code>ind</code> variable - which I guess I could pass as a parameter, but is there a better way of doing it?

Also - another important thing is that the <code>function()</code> in question can also change the value of the <code>ind</code> variable - for instance incrementing it (<code>ind++</code>).

jQuery - function inside $(document).ready function

在内部创建函数是否正确$(document).ready(function() {如下所示：$(document).ready(function() {     function callMe() {     } });在DOM准备就绪并触发ready()内的事件之前，不必调用.ready()内的函数。只是为了澄清一点...

问文档-$( jQuery ).ready函数内部的函数
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问文档-$( jQuery ).ready函数内部的函数EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问文档-$( jQuery ).ready函数内部的函数
EN