gpt4 book ai didi

javascript - 确保 JavaScript/jQuery 函数始终在页面加载时运行

转载 作者:行者123 更新时间:2023-11-30 08:37:18 24 4
gpt4 key购买 nike

我尝试了所有我能找到的替代示例,但无法让它发挥作用。我可能没有正确实现它。非常感谢任何帮助。

我的问题:

我有一个功能,如果文本区域中的特定值位于 slideDown 警报中。

如果用户在文本区域中键入,此函数将起作用,但值通常是从另一个页面传入的。我怎样才能让它在不要求它们与文本区域交互的情况下运行?

这是我在 JSFiddle 上的例子:Example

为了便于阅读,这里是 HTML/JS 代码:

HTML

<!doctype html>
<html>
<head>
<title>Alert Test</title>
</head>
<body>
<div class="controls">
<textarea name="q" class="span12" id="textarea" rows="5">one:</textarea>
</div>
Test alert:
<div class="alert alert-error" id="alert" name="alert" style="display: none;">
This is a test alert.
<a href="#" class="close" data-dismiss="alert">&times;</a>
</div>
</body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="textAreaReader.js"></script>
</html>

JS:

$(document).ready(function(){
$('#textarea').on('change keyup paste', function() {
var lines = $('#textarea').val();
var fields = ["one", "two", "three"];
var leng;
for (var i=0; i < fields.length; i++) {
if (lines.indexOf(fields[i] + ':') !== -1){
leng = 1;
}
}
if (leng == 1){
$("#alert").slideDown("fast"); //Slide Down Effect
}else{
$("#alert").slideUp("fast"); //Slide Up Effect
}
});
});

最佳答案

将函数分配给一个变量可以让您将它传递给文本区域处理程序并在页面加载时运行它。

$(document).ready(function () {
var slide = function () {

};
$('#textarea').on('change keyup paste', slide);
setTimeout(slide, 500);
});

Sample .

关于javascript - 确保 JavaScript/jQuery 函数始终在页面加载时运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30239645/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com