Question

我有一个用于＆＃39; textarea＆＃39;的jQuery代码。并提交＆＃39;按钮在添加＆＃39;时淡入按钮被点击并在点击时淡出，否则在其中提交＆＃39;按钮。

何时提交＆＃39;和＆＃39; textarea＆＃39;淡入淡出＆＃39;添加＆＃39;按钮消失ANS反之亦然。

一切正常，除非我被迫点击＆＃34;添加＆＃34;按钮两次或三次执行该功能和我想要＆＃34; textarea＆＃34;自动聚焦。

我的脚本如下：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.js">
</script>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$().ready = function() {
    $('#textarea').hide();
$('#submit').hide();
$("#add").click(function() {
$('#add').hide();
$('#textarea').fadeIn('slow').focus();
$('#submit').fadeIn('slow').focus();
});
$('#textarea').blur(function(){
$('#textarea').hide();
$('#submit').hide();
$('#add').fadeIn('slow'); 
});        
}();
});//]]> 
</script>
</head>
<body>
<input type="submit" value="add" id="add" />
<input type="text" id="textarea" />
<input type="submit" value=" submit" id="submit" />
</body>
</html>

任何建议都将受到赞赏..

Answer 1

也许你需要改变＆＃34; $（＆＃39;＃submit＆＃39;）。fadeIn（＆＃39; slow＆＃39;）。focus（）;＆＃34; to＆＃34; $（＆＃39;＃submit＆＃39;）。fadeIn（＆＃39; slow＆＃39;）;＆＃34;。

Answer 2

这是你必须做的

你不需要这个 $(window).load(function(){}) 因为它和 $(window ).load(function(){})

使用document.ready()启动脚本

并使用 onclick() 事件来隐藏和显示特定元素

要隐藏元素，您可以使用 selector.style.display = "none" 或 remove()但在这种情况下，您必须使用 style.display ="none" 因为 remove() 将删除元素。用于显示它，使用 fadeIn() 并像这样插入“slow”fadein('slow')缓慢的效果，你只需要一个 focus() 一个偶数

这样的例子

HTML

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
    </script>
</head>
<body>
    <input type="submit" value="add" id="add" />
    <input type="text" id="textarea" />
    <input type="submit" value=" submit" id="submit" />
    <p id="p" style="display:none;">Here You Go !</p>
</body>
</html>

Js

$(document).ready(function(){
    var add = document.getElementById('add');
    var submit = document.getElementById('submit');
    var text = document.getElementById('textarea');
    var p = document.getElementById('p');

    text.style.display = "none";
    submit.style.display = "none";

    add.onclick = function(){
        $(p).fadeIn();
        $(text).fadeIn('slow').focus();
        $(submit).fadeIn('slow');
        add.style.display = "none";
    }
    submit.onclick = function(){
        $(p).fadeOut();
        $(text).fadeOut();
        $(submit).fadeOut();
        $(add).fadeIn('slow');
    }
});

经过测试

jQuery淡出淡出textarea和按钮覆盖文本区域的模糊（功能）？

2 个答案:

这是你必须做的