javascript - 哪个 jQuery 事件处理程序适用于页面加载?

标签 javascript jquery onload-event

我有一个简单的页面,只是试图将加载事件附加到文档。我不确定在 jQuery 中使用哪个事件处理程序来执行此操作。我尝试了 $()$(document).ready.load 但似乎都没有在正确的时间运行代码。我应该使用 .on.live 吗?还是我做错了什么。这是一个示例:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    $(document).ready(
        showWidth()
    );
    function showWidth() {
        alert($('#textTitle').width());
    }
</script>
</head>
<body>
<div class="page">
        <div id="title">
            <h1 id="textTitle">yo</h1>
        </div>
</div>
</body>
</html>

当我运行它时,警报显示 null

最佳答案

您忘记将代码写入函数。

$(document).ready(function() {
        showWidth();
    });

或者只是简单地

    $(function() {
        showWidth();
    });

关于javascript - 哪个 jQuery 事件处理程序适用于页面加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10328722/

相关文章:

jquery-load - jquery .load() 并在新内容加载后触发函数?就像 JavaScript 的 onload 事件

react-native - React Native Webview OnLoad 调用了两次

javascript - 在单个构建文件中使用带有 traceur 的 ES6 模块

javascript - Chart.js 未正确显示/安装问题

javascript - Kendo 网格列标题

javascript - 如何使用 Javascript 隐藏页面加载时的特定句子

jquery - 'action' 是 jQuery 中的关键字吗?

javascript - Ajax with twig,它是如何工作的?

javascript - 显示/隐藏从函数中提取的标记

javascript - body onload 和 window.onload 同时进行