Question

我有以下Javascript代码，使用jQuery：

$(document).ready(function () {
    $('#answer').hide(); //hiding the element
    $('#questionOne').click(function () {
        $('#answer').show();

但是，元素在加载时不会隐藏。我的HTML是这样的：

<p id="answer">All requests of this nature are required to be submitted via our website www.mufoundation.org/charityrequests. Due to the volume of requests we receive, we require at least 6 weeks notice prior to your event. If your event does not fall within this timescale unfortunately, we will not be able to help.</p>

我似乎无法隐藏段落的答案元素。我怎么能这样做？

Answer 1

如果你总是将它隐藏在加载中，那么最好不要在加载时隐藏它而不是附加一个将其设置为隐藏的CSS类？只需更改代码就可以非常简单。

创建一个名为hide

的CSS类

.hide{
 display : none;
}

添加以下课程。

<p id="answer" class="hide">All requests of this nature are required to be submitted via our website www.mufoundation.org/charityrequests. Due to the volume of requests we receive, we require at least 6 weeks notice prior to your event. If your event does not fall within this timescale unfortunately, we will not be able to help.</p>

Answer 2

如果这是你所拥有的所有jQuery，那么你忘记在脚本的末尾添加}); });。所以你的代码应该是这样的;

$(document).ready(function () {
    $('#answer').hide(); 
    $('#questionOne').click(function () { 
        $('#answer').show();
    });
});

如果这不能解决您的问题，您确定要包含相应的jQuery库吗？

Answer 3

如果您发布了正确的代码，那么它的语法错误。

正确代码

$(document).ready(function () {
$('#answer').hide(); //hiding the element
$('#questionOne').click(function () {
    $('#answer').show();
 });  });<-- you forgot the clossing brackets

我希望就是这样！如果有效，请告诉我。

Answer 4

创建一个css类来隐藏这些东西而不是在onload中执行它：

HTML：

<p class="hide">zyz</p>

CSS：

.hide {
    display: none;
 }

然后，使用以下内容使用jquery显示它：

$(document).ready(function () {
    $('#questionOne').click(function () {
        $('#answer').show();
    });
});

页面加载时未隐藏的元素

4 个答案:

正确代码