【问题标题】:javascript- function not defined error [closed]javascript-函数未定义错误[关闭]
【发布时间】:2013-09-06 13:33:55
【问题描述】:

我有一个带有按钮的 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>

【问题讨论】:

  • 为什么所有这些引号都被转义了?
  • 整个事情都在 perl 脚本中,这就是原因。在 scipt 中打印“....”;
  • 这已经足够了onClick = \"doSomething();\" 你还有一个带有a 标签的href。这可能会影响。
  • 您的浏览器没有“看到” Perl,因此不关心它,我们也不关心它。您想讨论 client-side 问题,因此请同时显示 client-side 代码,而不是 server-side
  • 那么它是 invalid HTML。

标签: javascript jquery jquery-mobile


【解决方案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>

【讨论】:

  • 谢谢!!!我不得不将 javascript 放在对话框父级的 PAGE 元素中。非常感谢!
  • 不用担心。很高兴能提供帮助。
【解决方案2】:

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

这是一个小提琴:

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

为了证明我在框架中所说的话并将NoWrapToHead更改为onload

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-09
    • 1970-01-01
    • 2020-11-07
    • 2015-02-24
    • 2017-06-29
    • 1970-01-01
    相关资源
    最近更新 更多