Question

我有一个带有按钮的html页面onclick调用javascript函数...但是我已经获得了一个函数未定义错误两天！有人可以帮忙吗？

<!DOCTYPE html>
<html>

        <head>
                 <meta charset="utf-8">
                 <link rel="stylesheet"  href="css/jquery.mobile-1.2.1.css" />
                 <link rel="stylesheet" href="css/jqm-docs.css"/>

                 <script src="js/jquery-1.7.1.min.js"></script>
                 <script src="js/jqm-docs.js"></script>
                 <script src="js/jquery.mobile-1.2.1.js"></script>
                 <script>
                      function doSomething(){
                         alert('this is a test');
                      }
                </script>
         </head>
         <body>
           <div data-role="dialog">    
                <div data-role="content" id = "test" data-theme="c">
                <a href="$callback" data-role="button" data-theme="b" onClick = "doSomething();return true;" rel = "external">$confirm</a>
               <a href="#" data-role="button" data-rel="back" data-theme="c">Cancel</a>    
               </div>
          </div>
         </body>
</html>

Answer 1

这可能很方便：

http://jquerymobile.com/demos/1.2.0/docs/pages/page-scripting.html

您需要将scripts标记在page元素中：

<div data-role="page">
    <script>
        function doSomething(){
            alert('this is a test');
        }
    </script>
    <!-- the rest of your stuff -->
</div>

Answer 2

事实上，即使使用valide HTML，我个人也已经通过了这个错误所有您需要做的就是将所有函数移动到head元素。

这是一个小提琴：

http://jsfiddle.net/WekEA/1/

为了证明我在框架中所说的内容＆amp;将NoWrapToHead更改为onload

javascript-函数未定义错误

2 个答案: