問題描述

點擊時會報錯 show is not defined

為什么把show()函數(shù)放$(function(){})外面就好了？

問題解答

onclick='show()'執(zhí)行的是window.show()

你append的html是字符串，onclick里的事件是show()，如果沒指定特定對象的方法，會默認(rèn)去尋找全局方法，而$(function(){})是一個閉包

寫成這樣看看

$(function() { leftMenu(); function show() {alert(’hhhhhhhh’); } function leftMenu() { var html = ’<p onclick='’+show()+’'>click me</dv>’$(’#box’).append(html); } })

直接調(diào)show()它其實是立即執(zhí)行的，如果寫成onclick='show()',$(document).ready()是文檔加載完后執(zhí)行的，當(dāng)頁面結(jié)構(gòu)完成了，你再點擊觸發(fā)show(),這個時候就會去window下面查找show(),當(dāng)然結(jié)果就是undefined如果實在要寫在$(funciton(){})里，可以這樣做：

$(function() { leftMenu(); /*function show() {alert(’hhhhhhhh’); }*/function leftMenu() {var html = ’<p class='show'>click me</dv>’$(’#box’).append(html); } //做個事件委托 $(’body’).on(’click’, $(’.show’), function() {alert(’aaaaa’) }) })回答4：

show 函數(shù)是匿名函數(shù)內(nèi)的，onclick 綁定的會去全局搜索，找不到匿名函數(shù)內(nèi)定義的東西

onclick會在window對象底下找自定義函數(shù)show()，也就是window.shou()。。所以是要放在$(function(){})函數(shù)外邊的。。所以以后把自定義函數(shù)都寫在$(function(){})外邊，一些后續(xù)的處理過程和調(diào)用，放在$(function(){})里面，確保文檔加載完成之后調(diào)用

通俗易懂的說法：$(function(){})是文檔執(zhí)行完畢再執(zhí)行里面內(nèi)容而你在文檔加載結(jié)束添加了綁定。他執(zhí)行html的時候未找到show（），請采納

其實是js的作用域引起的問題，onclick='show()'執(zhí)行的是window里面的show()方法，但是Window里面并沒有這個方法。

因為，$(function(){}) = $.ready()，也就是說頁面加載完畢后才聲明函數(shù)show , 但是你把show()寫在行內(nèi)onclick事件，而這個時候的show函數(shù)還未聲明，所以會報 not defined

把 show 方法的定義放到 leftMenu 的上面

需要委托~~