關於在Joomla使用jquery的bind連結函式產生的錯誤問題

Arthur1977 发布于 2015/01/24 22:31
阅读 124
收藏 0
你好,我的 Joomla 版本 是 3.3.6
jQuery 版本是 2.1.3

我想請問的是, 當我在Joomla中使用 jquery 的 bind() 去設定某一個
標籤的mouse事件觸發某一個 function() , 這個 function() 中有使用 jquery的 css()

設定某一個標籤的樣式,在 google chrome 的開發者控制台卻會出現以下錯誤訊息:

Uncaught TypeError: Cannot read property 'css' of null

MainMenu_MouseOver
n.event.dispatch
n.event.add.r.handle



因為有這些錯誤訊息, 也無法觸發mouseover事件的函式的動作。
但是如果我把這個事件函式不透過 jquery 的 bind() , 而是直接放在 jquery 的 ready() 裡卻可以正常的執行。
有人 知道問題在哪嗎?
感謝幫忙。




以下是问题补充:

@Arthur1977:我補充一下程式,在 index.php 的相關 html 標籤如下 <nav id="MYNAV" style="width:200px;height:200px;background-color:#F00;position:absolute;top:100px;height:100px;z-index:99;"> <div id="D1" style="width:50px;height:50px;opacity:0;background-color:#0C0;position:absolute;top:100px;height:100px;z-index:99;"></div> </nav> JavaScript 程式碼如下: <script type="text/javascript"> function ShowMenu() { $("#D1").css('opacity',1); } fucntion HideMenu() { $("#D1").css('opacity',0); } $(document).ready(function(e) { $("#MYNAV").bind("mouseover",ShowMenu); $("#MYNAV").bind("mouseout",HideMenu); }); </script> 這一段程式碼會在 google 的開發者工具中出現以下錯誤訊息 Uncaught SyntaxError: Unexpected identifier 但是如果把 index.php 裡的相關 html 標籤和 javascript 不放在 Joomla , 直接放在一個自建的 html 檔裏卻可以正常執行。 (2015/01/25 20:31)
加载中
0
开源中国最帅没有之一
开源中国最帅没有之一
没有这个属性,贴代码更好看
返回顶部
顶部