Question

好的，我不是一个完整的 noob ，但仍然是jQuery/javascript的初学者，我只是不明白为什么这个jqueryman.js没有链接到我的HTML。我很确定我有正确的文件夹树，我甚至将我的js文件放在与我的html相同的文件夹中，以确保它不是那里的错误。

index.html的负责人

<!-- metas -->
<meta charset='UTF-8'>
<!-- stylesheets -->
    <link rel='stylesheet' href='../css/mainpage.css'>
    <link rel='stylesheet' href='../css/index.css'>
<!-- all the scripts loosly taken online -->
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
    <script src='http://malsup.github.com/jquery.cycle2.js'></script>
    <script src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
<!-- script files -->
    <script src="jqueryman.js"></script>    <!-- (this is the trouble maker) -->

index.html的正文

<h1 class="h1">neckbeards</h1>


<div class='cycle-slideshow'
    data-cycle-fx='scrollHorz'
    data-cycle-pause-on-hover='false'
    data-cycle-speed='5000'>
    <img class='sliderimg' id="Carl"    alt='Carl'      src='http://i.imgur.com/7kJOy7k.jpg'>
    <img class='sliderimg' id="Tugboat" alt='Tugboat'   src='http://i.imgur.com/mRGbOKv.jpg'>
    <img class='sliderimg' id="P0J0"    alt='P0J0'      src='http://i.imgur.com/UiAIWGf.png'>
    <img class='sliderimg' id="Ffej"    alt='Ffej'      src='http://i.imgur.com/isl6UhR.png'>
</div>
<h1 id="name">Carl</h1>

jqueryman.js

 $(document).ready(
        function () {
            $('.h1').hide()
        });
    );

Answer 1

更新： Heres正在运作示例：JSFiddle
您需要从.移除$('.h1').hide(); .指的是一个类，但您只想隐藏基础h1元素。

$(document).ready(function () {
    $('h1').hide();
});

或者只隐藏一个元素，您可以通过ID来完成。

$(document).ready(function () {
    $('#name').hide();
});

这是jQuery Selectors tutorial的链接。

同样如评论中所述，您的JavaScript中也存在语法错误。

$(document).ready(
    function () {
        $('.h1').hide() // As with both my example above you need to add a semicolon 
    });
); // Additional brace & semicolon that would cause a syntax error.

Answer 2

您当前的jQuery代码：

 $(document).ready(
     function () {
          $('.h1').hide()
     });
 );

没有使用正确的语法。（最后你还有一个);。

试试这个：

 $(document).ready(function() {
     $('.h1').hide();
 });

Answer 3

删除。来自h1 ......

$('h1').hide()

圆点用于课程。所以，如果你有这样的事情：

<h1 class='myh1'>

你使用$（'。myh1'）来访问它。但如果你在谈论一个标签，h1，h2，a，img，div，span，你就不要使用点。

有趣的是，您可以（但不应该）在大多数浏览器中执行此操作：

<panda>hello</panda>

然后使用

访问它

$('panda')

因为那不是一个类，而是一个非标准的标签。

Answer 4

我已经在本地进行了测试，它对我有用 - 即使是下面提到的两个问题：

（1）您有语法错误。从脚本末尾删除额外的);。

$(document).ready(
    function () {
        $('.h1').hide()
    });
);  // <--- This is not needed.

（2）你包括jQuery两次：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
...
<script src='http://code.jquery.com/jquery-1.10.2.min.js'></script>

Answer 5

作为一项规则，我会避免创建与标记名称相同的类名。我认为这会增加混乱，如果其他程序员要查看javascript代码并且没有立即查看html。

Answer 6

我找到了解决方案，类名没有问题。

使用它会起作用，因为你只忘了分号（;）：

$(document).ready(function () {
    $('.h1').hide();
});

我的Jquery不能在我的html文件中工作

6 个答案: