点击按钮时隐藏已显示页面加载的段落。

Question

我无法理解如何做到这一点，但我想知道在单击按钮时如何隐藏页面加载时显示的文本。

这是我目前拥有的：

$(document).ready(function() {
   var $p = $('p#menu_title');
   $("input#save_first_prod").click(function() {
      $p.css('visibility', 'hidden');
   });
});

<div id="red_head">
   <p id="menu_title" onclick="hideText('text1')" > Add your first menu item</p>
</div>
<form name="first_prod" id="first_prod" enctype="multipart/form-data" action="testing.php" method="post" accept-charset="utf-8" >               
   <input type="Submit" id="save_first_prod" name="save_first_prod" value=" + ADD"> 
</form>

- Monroe

---

可能是重复的问题 - JavaScript-在启动时隐藏Div - nhouser9

你正在将点击事件绑定到提交按钮上。在你按下按钮后，页面将重新加载/重定向。 - Rajaprabhu Aravindasamy

@RajaprabhuAravindasamy 谢谢。我应该解释一下，我要在页面上做更多的事情，只是想先解决这个问题。 - Monroe

@nhouser9 这不是同一个问题。我想隐藏一个段落，当页面加载时可见，然后在以后的某个日期隐藏该段落。 - Monroe

Answer 1

使用display:none;代替visibility

将$p.css('visibility', 'hidden');改为$p.css('display', 'none');

这对我来说很有效

$(document).ready(function() {
var $p = $('p#menu_title');
$("input#save_first_prod").click(function() {
    $p.css('display', 'none');

});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="red_head">
                <p id="menu_title" onclick="hideText('text1')" > Add your first menu item</p>
            </div>

 <form name="first_prod" id="first_prod" enctype="multipart/form-data" action="testing.php" method="post" accept-charset="utf-8" >               
<input type="Submit" id="save_first_prod" name="save_first_prod" value=" + ADD"> 

            </form>

- Uttam Kumar Roy

---

Firefox和我在我的笔记本电脑上进行了测试。@Monroe - Uttam Kumar Roy

如果它能够正常工作，您应该接受答案，以便其他人也可以从中受益。谢谢。@Monroe - Uttam Kumar Roy

不，我是在问你是否正确地包含了你的Jquery文件。如果没有添加Jquery文件，它将无法工作。请检查你的Jquery路径，并使用控制台进行调试。 - Uttam Kumar Roy

你可以尝试以下两个选项：

1. 将 $("input#save_first_prod") 改为 $("#save_first_prod")
2. $("input#save_first_prod").click(function(event) { event.preventDefault(); $p.css('display', 'none'); });

- Uttam Kumar Roy

数字 2 完美排序。 - Monroe