jquery插件-jquery 创建 cookie 失败

问题描述

jquery 创建 cookie 失败

js代码:

 $(function(){
        $("#sub").click(function(){
             alert($("#uname").val()+'  '+$("#upwd").val());
             $.cookie("uname",$("#uname").val(),{expires:7});
             $.cookie("upwd",$("#upwd").val(),{expires:7});
             alert('cookie saved');
    });
});

页面:

<script type="text/javascript" src="jquery/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="jquery/jquery.cookies.2.2.0.min.js"></script>

 用户名:<input type="text" id="uname"/><br>
            密&nbsp;&nbsp;码:<input type="password" id="upwd"/><br>
            <input type="button" id="sub" value="提交" style="margin-left:163px; "/>

能正确弹出uname和upwd值 cookie saved没有弹出
是代码问题 还是我导入的cookie插件问题?

解决方案

没有正确导入jquery.cookie插件。。毛事jquery.cookie最高版本是1.4吧,你的2.2了?另外一个版本的jquery.cookie.js?

下载这个:https://github.com/carhartl/jquery-cookie

解决方案二:

你的页面是运行在哪,是不是js没有权限等。查看一下浏览器chrome等的console看是否有错误输出

时间: 2024-09-20 07:39:02

jquery插件-jquery 创建 cookie 失败的相关文章

jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)_jquery

本文实例讲述了jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法.分享给大家供大家参考,具体如下: 该插件是文章作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现目前较为流行的拖拽改变元素大小的效果,您可以根据自己的实际需求来设置被拖拽元素的最小宽高和最大宽高.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法_jquery

本文实例讲述了jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法.分享给大家供大家参考.具体如下: 这里介绍jQuery图片左右拖拽特效,无滚动条,将多张图片组合在一起形成的效果,插件使用的是jquery.nicescroll.js,拖动过程中不会出现滚动条,这样更美观了一些,若需要此效果,可参见下边框中的代码. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona

jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法_jquery

本文实例讲述了jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法.分享给大家供大家参考.具体如下: 左右拖拽切换对比图片效果,运行效果后,图片中间有个拖动条,拖动左右滑动,可看到图片不一样的效果,女模特的脸变嫩了,呵呵,其实是用了两张背景图片实现的,这就需要jquery.beforeafter.js插件了,拖动时候的小图标不见了,路径可以在jquery.beforeafter.js中设置,不多说了. 运行效果截图如下: 在线演示地址如下: http://d

快速学习jQuery插件 jquery.validate.js表单验证插件使用方法_jquery

最常使用JavaScript的场合就是表单的验证,而jQuery作为一个优秀的JavaScript库,也提供了一个优秀的表单验证插件----Validation.Validation是历史最悠久的jQuery插件之一,经过了全球范围内不同项目的验证,并得到了许多Web开发者的好评.作为一个标准的验证方法库,Validation拥有如下特点: 1.内置验证规则: 拥有必填.数字.Email.URL和信用卡号码等19类内置验证规则 2.自定义验证规则: 可以很方便地自定义验证规则 3.简单强大的验证

jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)_jquery

本文实例讲述了jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果.分享给大家供大家参考,具体如下: 该插件乃文章作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现目前较为流行的点击放大图片并左右点击切换图片的效果,您可以根据自己的实际需求来设置是否添加左右切换图片的效果.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit

分享2个jQuery插件--jquery.fileupload与artdialog_jquery

这些是我们项目中必不可少的东西,所以今天推荐两个一个叫做artdialog是个iframe的jquery插件,一个叫jquery file upload,我看网上很少有这个插件jquery file upload的插件使用教程,今天我就简单的介绍和写一点使用的方法! 简单用代码举例子 最小化的方法 复制代码 代码如下: data-url是上传后执行上传文件的php方法 <input id="fileupload" type="file" name="

jquery插件-jQuery插件已经在页面导入了,运行时还是显示未定义

问题描述 jQuery插件已经在页面导入了,运行时还是显示未定义 我文件也导入进来了,他们是放在同级目录下的,可以点进去,但页面还是会报错:SCRIPT5007: 属性"$"的值为 null.未定义或不是 Function 对象, <script type="text/javascript" src="jquery-1.11.1.min.js"></script> <script type="text/ja

jquery插件jquery.confirm弹出确认消息_javascript技巧

本文为大家介绍了插件jquery.confirm弹出确认消息的实现方法,具有一定的参考价值,特分享给大家供大家参考,具体内容如下 实现效果: 具体代码: 1.插件默认参数 // 默认参数 $.confirm.defaults = { // 样式 css: "http://static.qianduanblog.com/css/jquery.confirm/default.min.css?v=" + Math.ceil(new Date() / 86400000), // 确认框内容 c

jQuery插件 - jQuery - 。

jQuery插件---MultiSelects(左右选框),支持select下option元素的上移下移 CODE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml