Javascript 为什么我的jQuery脚本是用记事本++；不处理本地存储的文件？_Javascript_Jquery

Javascript 为什么我的jQuery脚本是用记事本++；不处理本地存储的文件？

javascript jquery

Javascript 为什么我的jQuery脚本是用记事本++；不处理本地存储的文件？,javascript,jquery,Javascript,Jquery,我试图做一个简单的滑块，但没有工作，所以我复制了一个代码cademy，但它仍然无法工作我使用了4种不同的浏览器，都有相同的问题，我可以在框中键入，但不会发布，并显示在下面请帮忙 Html 140 安曼德 script.js $(document).ready() { $('.btn').click(function() { var post = $('.status-box').val() $('<li>').text(post).prependT

我试图做一个简单的滑块，但没有工作，所以我复制了一个代码cademy，但它仍然无法工作
我使用了4种不同的浏览器，都有相同的问题，我可以在框中键入，但不会发布，并显示在下面

请帮忙

Html

安曼德
script.js

$(document).ready() {
$('.btn').click(function() {
    var post = $('.status-box').val()
        $('<li>').text(post).prependTo('posts');
});
};

$（document）.ready（）{
$（'.btn'）。单击（函数（）{
var post=$（'.status box'）.val（）
$（“”）.text（post.prependTo（'posts'）；
});
};

谢谢大家，这已经纠正了，现在可以使用了：）

val

是一个jQuery函数。。。您需要

（）

来调用它，以便它返回元素的值。正如您的代码所示，您正在尝试将函数对象设置为文本

您还使用了不正确的选择器

$（'btn'）

和

$（'status-box'）

，它们正在查找不存在的标记

和

为两者添加点前缀以表示类别：

$（'.btn'）

和

$（'.status box'）

以及其他答案中提到的内容，我认为您的主要方法从未被调用过。如果未调用它，则不会附加事件处理程序。通过jquery可以更容易地设置主方法，因此：

var main = function() {
$('btn').click(function() {
    var post = $('status-box').val
        $('<li>').text(post).prependTo('.posts');
});
}

var main=function（）{
$（'btn'）。单击（函数（）{
var post=$（'status-box'）.val
$（“”）.text（post.prependTo（“.posts”）；
});
}

只要做：

$(function() {
  $('btn').click(function() {
      var post = $('status-box').val
          $('<li>').text(post).prependTo('.posts');
  });
});

$（函数（）{
$（'btn'）。单击（函数（）{
var post=$（'status-box'）.val
$（“”）.text（post.prependTo（“.posts”）；
});
});

或者，您可以按如下方式调整身体标签：

<body onload="main()">

您是直接打开文件还是安装了本地服务器（例如：XAMPP、WAMP等）？如果直接打开该文件，则该文件不起作用是正常的。否则，我不知道出了什么问题。如果我直接从电脑上打开文件，为什么它不工作？我不明白..

//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

是一个无协议的url。它的设计允许使用与您正在查看的页面相同的协议加载文件。当您直接打开文件时，它将使用

文件：

协议。也就是说，您将尝试打开

file:///ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

，它不存在。除此之外，您可以删除

main

函数（

var main=function（）{/*…*/}；

）的定义，因为您不调用它。

<body onload="main()">