Javascript JQuery函数未执行

这应该非常简单。第一个代码块可以工作，但当我将其包装到函数中并尝试调用该函数时，它就不工作了

这是有效的：

$(document).ready(function() {

        $("#groups-image").hide();
        $("#quiz-image").hide();
        $("#members-image").hide();     

});

$(document).ready(function() {

        function hideatstart() {

        $("#groups-image").hide();
        $("#quiz-image").hide();
        $("#members-image").hide();     
        }

        hideatstart();
});

这不起作用：

$(document).ready(function() {

        $("#groups-image").hide();
        $("#quiz-image").hide();
        $("#members-image").hide();     

});

$(document).ready(function() {

        function hideatstart() {

        $("#groups-image").hide();
        $("#quiz-image").hide();
        $("#members-image").hide();     
        }

        hideatstart();
});

更新：在查看已接受的答案后，我能够获得工作代码。它涉及到在代码行之间没有任何空格，这将允许插入p标记。最佳实践是将JQuery删除到单独的脚本中，我将这样做。以下代码起作用：

$(document).ready(function() {
    function hideatstart(){
        $("#groups-image").hide();
        $("#quiz-image").hide();
        $("#members-image").hide();
        }
    hideatstart();
});

---

我检查了您的live站点上的HTML，发现您的代码片段输出如下：

<div class="art-postcontent">
    <!-- article-content -->
    <!-- [snipped] -->
    <p><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script type="text/javascript">
    $(document).ready(function() {</p>
<p>         function hideatstart() {</p>
<p>         $("#groups-image").hide();
            $("#quiz-image").hide();
            $("#members-image").hide();     
            }</p>
<p>         hideatstart();
    });
</script></p>
    <!-- [snipped] -->
</div>

$（文档）.ready（函数（）{

函数hideatstart（）{

$（“#组图像”）.hide（）；
$（“#测验图像”）.hide（）；
$（“#成员图像”）.hide（）；
}

hideatstart（）；
});

如您所见，WordPress的

wpautop

过滤器将您的行包装在段落中

---

如果你需要在某个地方插入脚本，最好使用插件或主题函数，而不是将代码粘贴到WordPress帖子或小部件中。所有常规WordPress内容类型都被转义，以防止此类可能的恶意注入。似乎您正在使用自定义的

art

post类型，通常会得到类似的处理。有一些方法可以防止内容被泄露，但是你应该<强>严重/强>考虑将脚本代码移到别处。

它与@ JAMESARADARICE一致。它似乎工作正常：究竟为什么要在.ready函数范围内声明该函数？如果这样做，至少可以通过这个.hideatstart（）调用它，但对于匿名函数来说，这是一种无用的空间浪费。后面的代码示例肯定不起作用。你可以看到它的行动在。我将发布完整的代码以供参考。嗯，你真正的网站在

标签中有

标签<代码>（函数（）{

确实不起作用。我很感谢你的回答。我实际上认为这将解决我在Wordpress中关于JQuery和Ajax的一些悬而未决的问题。在这些情况下，将JS代码移动到一个单独的文件可能是正确的答案。一旦我确定这是否是问题所在，我计划重新链接到这个问题e其他情况。我不知道为什么这得到了-6分，但我怀疑这与其他用户没有评估HTML输出并认为没有问题有关。任何+1票都将不胜感激。