| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jsorder
13年前发布

基于jQuery的购物车 jsorder

     代码一共6k,基于jquery的购物车实现,实现订单的本地cookie存储,支持购物车自定义样式,金额的计算。通过json与后台交互。实现可配置化的购物车系统,可应用于电子商务平台。    <br />    <br /> demo地址:    <a href="/misc/goto?guid=4959500151185577186" target="_blank">http://wuzhi.me/jsorderdemo.php</a>    <br />    <img title="jsorder.gif" border="0" alt="jsorder.gif" src="https://simg.open-open.com/show/dcccd044d287680531c9c383f2df317f.gif" width="372" height="260" />    <br /> 3.配置说明: jsorder 支持多参数配置,自定义购物车样式,设置是否记录cookie,提交方式 等。    <br />    <pre class="brush:javascript; toolbar: true; auto-links: false;">$.fn.jsorder.defaults = {     //作为订单数据存储的浏览器端全局变量,通过jquery绑定在body     staticname : 'jsorder',     //订单class,确保在页面class唯一不重复,否则将导致错误     jsorderclass : 'jsorder',     //是否保存cookie     savecookie : true,     //cookie的名字     cookiename : 'jsorder',     //ID前缀,暂时无用     numpre : 'no_',     //订单项前缀,用来区分不同的订单项,页面内必须不重复     jsorderpre : 'jsorder_',     //触发订单控件的价格属性     pricefiled : 'price',          //触发订单控件的订单名属性          namefiled : 'jsordername',          //购物车左侧显示         leftdemo : '我的菜单',          //提交按钮文字         subbuttom : '',          //默认加入订单的控件选择         addbuttom : 'a.jsorderadd',          //没有订单时显示         nomessage : '你今天的食谱是还空的',          //提交时触发         dosubmit : function(data) {                 $("body").append(JSON.stringify(data));                 $("body").data(opts.staticname, {});         } };</pre>    <br /> 4.页面代码    <br /> 1)样式表及js    <br />    <br />    <br />    <br /> 2)触发控件配置    <br />    <br /> 3)覆盖默认配置项    <br />    <br />    <pre class="brush:javascript; toolbar: true; auto-links: false;">$.fn.jsorder.defaults = {         //修改触发空间类型         addbuttom : 'td.jsorderadd',         //修改提交方案 dosubmit : function(data) {$("#result").html("json内容:"+JSON.stringify(data)).css('background','#e0e0e0');} };</pre>    <br />    <br /> 4)开始加载购物车    <br />    <br />    <pre class="brush:javascript; toolbar: true; auto-links: false;">$("body").jsorder(); </pre>    <br /> 欢迎提供意见和建议。邮箱:1286514442@qq.com    <br />    <br />    <p><strong>项目主页:</strong><a href="http://www.open-open.com/lib/view/home/1325343720593" target="_blank">http://www.open-open.com/lib/view/home/1325343720593</a></p>     
 本文由用户 jsorder 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1325343720593.html
jQuery 其他jQuery插件 jQuery插件