使用jQuery加载页面时显示隐藏的div标签

Question

我有一个调用javascript文件（jQuery）的网页

该文件包含$(document).ready(function(){包装。

我在隐藏的页面上设置了DIV标记

<div id="productOne" style="display: none;">Product Two</div>

在我的JS文件中，任何显示DIV标记的尝试都无法正常工作

$('#productOne').show();

我的代码是错误的吗？或者语法不正确？

Answer 1

试试$('#productOne').show();（请注意lowercase＆＃39; p＆＃39;）

Answer 2

检查div的ID。在您的HTML中，它是 “productOne” ，在您的jQuery代码中，它是$('#ProductOne')。

产品的 “p” 应该是jQuery代码中的 small 。

Answer 3

枝，

检查一下是否适合你

    $( document ).ready(function() {
    $('#productOne').css("display", "block");
    });

Answer 4

而不是style = display：none，只需使用隐藏

<div id="productOne" hidden">Product Two</div>

Answer 5

我认为有一些拼写错误 这是工作脚本。与你的比较。

如果一切都相同，请尝试从您的文件中控制日志，可能存在加载问题。

$(document).ready(function() {

   $("#hidden-elem").show();
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p id="hidden-elem" style="display:none;">
  Hello
</p>

Answer 6

检查是否加载了jQuery：

if (window.jQuery) {  
   alert("loaded");  
} else {
   alert("not loaded");
}

您可以尝试测试在标记完全加载之前是否未调用您的jquery。当我为滑动图片库编写插件时，我有类似的问题，但我正在处理图片。所以试试这个：

$(document).ready(function () {
    $("#productOne").load(function () {
          $(this).show();
    });
});

如果这样做有效，那么您的语法就会出现问题，或者您在页面上使用相同名称等问题时会遇到其他问题。提供完整的代码来查找错误。谢谢，希望这会有所帮助。