<button> 标签 id 与 function 重复时发生的问题
2016-08-11 16:59
253 查看
今天遇到一种情况,在调用js自定义方法的时候,总是提示“import:660 Uncaught TypeError: ... is not a function”。
仔细检查了代码,并没有问题。甚至把方法提全部删除,都不行。
最后发现我的button标签id属性与function名字重复。发现重复之后,我记得使用button标签是,可以直接用id属性表示这个标签元素,都不需要使用$("#...")Jquery 选择器。
这时候,明白了使用button标签,会根据id自动创建变量,由于我的js代码写在了前面,后来有写的button,相当于写了一句var beginImport=...;进而覆盖掉了原来的自定义函数。
仔细检查了代码,并没有问题。甚至把方法提全部删除,都不行。
最后发现我的button标签id属性与function名字重复。发现重复之后,我记得使用button标签是,可以直接用id属性表示这个标签元素,都不需要使用$("#...")Jquery 选择器。
这时候,明白了使用button标签,会根据id自动创建变量,由于我的js代码写在了前面,后来有写的button,相当于写了一句var beginImport=...;进而覆盖掉了原来的自定义函数。
<script type="text/javascript"> function beginImport(){ console.error(1111); } </script>
<button type="button" id="beginImport" onclick="beginImport()"> <span class="ico-btn">Import</span></button>
相关文章推荐
- <c:foreach>标签循环嵌套重复显示的问题
- <button>标签里加交互性操作会有兼容性问题以及重绘问题。
- <a>标签内嵌<input type="image">在IE中链接失效问题
- web.config中的<globalization >标签在将几个不同服务器上的网闸内容以统一面貌集成在自己网站上时的要考虑的问题
- <s:iterator/>标签取循环索引的问题
- <c:forEach>标签报isValid()==false错问题
- <span>标签挨着写时的出现的迷之间距问题
- zf-关于<ww:iterator /> 标签中的<td /> 标签添加序号问题
- <a>和<p>标签的各自的包裹问题
- springMVC 注解标签 结合 <context:component-scan>使用的功能等效于 <bean id="XXX" class="XXX">
- 关于JSP不能通过浏览器直接访问,要通过servlet跳转,但一个jsp文件里面用<iframe>标签包含了另一个jsp的访问问题
- <textarea>中嵌套其他标签输出出现不必要的空格和换行问题
- <target>标签和web程序引用问题
- <img>标签导致请求发送两次问题
- 数据库->SQL Server2005->随机遇到问题->查询name重复,id不重复,时间最新的记录
- 要命的<button>标签
- <a href="javascript:;" id="button_qg_close"></a>表示什么意思?
- <a>标签href onclick属性区别,href属性的路径问题
- “无法更新EntitySet“*****”,因为它有一个DefiningQuery,而<ModificationFunctionMapping>元素中没有支持当前操作的<InsertFunction>元素”问题的解决方法
- # 【ARM-Linux开发】在Win7的电脑上直接运行安装Ubuntu14.04发生的问题 标签(空格分隔): 【Linux开发】 --- > 一段时间以来,一直是在Windows上安装虚拟机