javascript - $().bind 在没有准备好文档的情况下无法工作

标签 javascript jquery html event-handling

是否有必要使用$(document).ready()当使用$().bind时??

HTML 部分:

<head>
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="test.js"></script>
    <link rel="stylesheet" href="test.css" type="text/css">
</head>
<body>
<div style=''>
    <input type="text" id="sendie" value="Type your reply here and press Enter" class="inputBox"/>
</div>
</body>

JS 部分

$("#sendie").bind("click",function(){
    console.log('log');
});

这是我用来测试的两段代码。如果我用 $(document).ready 包裹 js 部分,不过效果很好。

我担心的原因是我会在不同的元素上进行大量的键盘+鼠标绑定(bind),如果我必须一直写一个 $().ready ,那会很乏味(尽管我不这样做)我不介意这样做,但我只是好奇)。

Is $(document).ready necessary?

我浏览了上面的帖子,上面写着:$().ready如果在body标签之前添加ext js文件,则没有必要,但我仍然离不开它。请帮忙。

最佳答案

您的问题与绑定(bind)无关 - 这是 jQuery 选择在文档完全加载之前不起作用。原因很简单:在脚本标记内直接执行的代码在加载时就会执行。作为<script>位于头部,位于 body 的任何内容之前。因此,当你的代码执行时,没有 #sendie然而 - 所以你不能设置它的点击处理程序。

关于javascript - $().bind 在没有准备好文档的情况下无法工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19820165/

相关文章:

javascript - ajax后重新构建iframe

javascript - 使用 Javascript 循环遍历 div ID 并显示与点击的 ID 关联的样式

jquery - 如何使用 AngularJS 将 jQuery 事件绑定(bind)到动态内容

html - 为什么我的背景颜色没有显示在 <p> 上?

javascript - 本地服务器在 Firefox 中工作,在 chrome 中被视为搜索

jquery - 单击功能中的多个任务

javascript - 将socket.io逻辑与服务器文件分离并访问逻辑文件中的io.sockets

javascript - 带有 SQL 问题的 HTML Perl 更新按钮

javascript - jQuery Div 属性(宽度 = $('#immagineCont').attr ('clientWidth'); =未定义

jquery - 单击按钮时切换事件 Bootstrap 选项卡