jquery 自己写的插件.在IE下失效问题!

问题描述

见代码:(function($){ $.fn.recommend = function(options){ var defaults = { input:"#search111",appendTo: "#address_hot",list:".address_hotlist",placed_in:"div .demo",position: {my: "left top",at: "left bottom",collision: "none"} }; var options = $.extend(defaults, options); this.each(function(){var address_hot = $('<div class="address_hot" id="address_hot">'+'<div class="address_hotcity"><strong>热门城市</strong> (可直接输入城市或城市拼音)</div>'+'<div class="address_hotlist">'+'<ol class="address_hot_abb" style=""><li><span class="hot_selected">推荐</span></li><li><span>A-F</span></li><li><span>G-J</span></li><li><span>K-N</span></li><li><span>P-W</span></li><li><span>X-Z</span></li></ol>'+'<ul class="address_hot_adress layoutfix" type="推荐">'+'<li><a href="
解决方案二:
" data="BJS|北京">九寨沟黄龙</a></li>'+'<li><a href="
解决方案三:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案四:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案五:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案六:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案七:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案八:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+'</ul>'+'<ul class="address_hot_adress layoutfix" style="display:none" type="A-F"></ul>'+'<ul class="address_hot_adress layoutfix" style="display:none" type="G-J"></ul>'+'<ul class="address_hot_adress layoutfix" style="display:none" type="K-N"></ul>'+'<ul class="address_hot_adress layoutfix" style="display:none" type="P-W"></ul>'+'<ul class="address_hot_adress layoutfix" style="display:none" type="X-Z"></ul>'+'</div>'+'</div>'+'</div>');$('body').append(address_hot);})(jQuery);$(document).ready(function(){$('body').recommend();});<body id="bod"><div class="demo" style="position:absolute; left:300px; top: 100px;"><label for="search">Search: </label><input id="search111" value="中文/拼音" /> </div><div id="cont"></div></body>上面的代码.IE7.8,都失效.firefox和chrome都是好的!高手给看下 问题补充:不是代码格式的问题.在IE下还是不行!每个浏览器都没有报错.应该是插件的写法.或者是IE自身的BUG.有对JQUERY插件编写很在行的高手.帮忙看一下!谢谢了!真的是很诡异的问题

解决方案

大哥你的代码问题:把代码36行或者35行的div关闭标签删除一个,就可以了。
解决方案:
引用问题补充:不是代码格式的问题.在IE下不行! 大哥们.真的不是格式问题.其他浏览器都是好的.就是IE不行.也不报错!那你给出的这段代码是你的那段代码吗?如果是,你不得不承认有问题,如果不是,请把你的源码发上来
解决方案:
引用不是代码格式的问题.在IE下还是不行! 你给出的代码,很明显都存在着少括号的情况,你在ie下肯定提示脚本错误。
解决方案:
楼主,以下两个错误是我把代码放到本地看的,使用的jquery-1.4.2.min.jsUncaught SyntaxError: Unexpected end of inputtest2.htm:7Uncaught TypeError: Object #<Object> has no method 'recommend'
解决方案:
少了好几个括号,我改了一下,请楼主看看;(function($){$.fn.extend({ recommend : function(options){ var defaults = { input:"#search111",appendTo: "#address_hot",list:".address_hotlist",placed_in:"div .demo",position: {my: "left top",at: "left bottom",collision: "none"} }; var options = $.extend(defaults, options); this.each(function(){var address_hot = $('<div class="address_hot" id="address_hot">'+'<div class="address_hotcity"><strong>热门城市</strong> (可直接输入城市或城市拼音)</div>'+'<div class="address_hotlist">'+'<ol class="address_hot_abb" style=""><li><span class="hot_selected">推荐</span></li><li><span>A-F</span></li><li><span>G-J</span></li><li><span>K-N</span></li><li><span>P-W</span></li><li><span>X-Z</span></li></ol>'+'<ul class="address_hot_adress layoutfix" type="推荐">'+'<li><a href="
解决方案:
" data="BJS|北京">九寨沟黄龙</a></li>'+'<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+'<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+'</ul>'+'<ul class="address_hot_adress layoutfix" style="display:none" type="A-F"></ul>'+'<ul class="address_hot_adress layoutfix" style="display:none" type="G-J"></ul>'+'<ul class="address_hot_adress layoutfix" style="display:none" type="K-N"></ul>'+'<ul class="address_hot_adress layoutfix" style="display:none" type="P-W"></ul>'+'<ul class="address_hot_adress layoutfix" style="display:none" type="X-Z"></ul>'+'</div>'+'</div>'+'</div>');$('body').append(address_hot);});}});})(jQuery);
解决方案:
(function($){ $.fn.recommend = function(options){ var defaults = { input:"#search111", appendTo: "#address_hot", list:".address_hotlist", placed_in:"div .demo", position: { my: "left top", at: "left bottom", collision: "none" } }; var options = $.extend(defaults, options); this.each(function(){ var address_hot = $('<div class="address_hot" id="address_hot">'+ '<div class="address_hotcity"><strong>热门城市</strong> (可直接输入城市或城市拼音)</div>'+ '<div class="address_hotlist">'+ '<ol class="address_hot_abb" style=""><li><span class="hot_selected">推荐</span></li><li><span>A-F</span></li><li><span>G-J</span></li><li><span>K-N</span></li><li><span>P-W</span></li><li><span>X-Z</span></li></ol>'+ '<ul class="address_hot_adress layoutfix" type="推荐">'+ '<li><a href="
解决方案:
" data="BJS|北京">九寨沟黄龙</a></li>'+ '<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+ '<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+ '<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+ '<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+ '<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+ '<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+ '<li><a href="
解决方案:
" data="BJS|北京">北京</a></li>'+ '</ul>'+ '<ul class="address_hot_adress layoutfix" style="display:none" type="A-F"></ul>'+ '<ul class="address_hot_adress layoutfix" style="display:none" type="G-J"></ul>'+ '<ul class="address_hot_adress layoutfix" style="display:none" type="K-N"></ul>'+ '<ul class="address_hot_adress layoutfix" style="display:none" type="P-W"></ul>'+ '<ul class="address_hot_adress layoutfix" style="display:none" type="X-Z"></ul>'+ '</div>'+ '</div>'+ '</div>'); $('body').append(address_hot); });}})(jQuery); $(document).ready(function(){ $('body').recommend(); }); 你js中缺少了 });}

时间: 2024-10-21 19:41:16

jquery 自己写的插件.在IE下失效问题!的相关文章

jQuery打造智能提示插件二(可编辑下拉框)

在上一篇 jQuery打造智能提示插件 上改进,增加下拉按钮,修复点击下拉区域外不隐藏BUG 效果 下拉按钮素材: js封装,注意红色部分为BUG修复,然后传入boxwidth不带px:   /* /// <reference path="jquery-autocomplete2.0.js" /> zhangs 20140516 */ (function($) { var KEY = { UP: 38, DOWN: 40, DEL: 46, TAB: 9, RETURN:

Jquery日期选择datepicker插件用法实例分析

  本文实例讲述了Jquery日期选择datepicker插件用法.分享给大家供大家参考.具体如下: 1.首先将Jquery中的datepicker插件中的相关属性值改成中文的: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 $.datepicker.regional['zh-CN'] = { clearText: '清除', clearStatus: '清除已选日期',

jQuery弹出层插件Lightbox

  在使用discuzx中有一个Message以及Dialog方法来显示信息对话框.今天写项目的时候,需要一个信息对话框,所以就着手利用lightbox_me插件来写一个做备用. 网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆.注册.设置等窗口.而这些窗口就是层,弹出的窗口就是弹出层.jQuery中弹出层插件很多,但有些在html5+css3浏览器下,支持完美.而在例如ie8一下的浏览器下显示不出应有的效果.例如jquery.avgrund插件在ie8下就无法显示. 本

把jQuery的类、插件封装成seajs的模块的方法

 这篇文章主要介绍了把jQuery的类.插件封装成seajs的模块的方法,需要的朋友可以参考下 注:本文使用的seajs版本是2.1.1 一.把Jquery封装成seajs的模块    代码如下:define(function () {      //这里放置jquery代码 把你喜欢的jquery版本放进来就好了      return $.noConflict(); });     调用方法: 这样引进就可以像以前一样使用jquery    代码如下:define(function (req

JQuery表单验证插件EasyValidator用法分析_jquery

本文实例讲述了JQuery表单验证插件EasyValidator用法.分享给大家供大家参考.具体如下: 本插件的宗旨是:用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手. DEMO中已经包含了常用的正则表达式,可以直接复用,为了考虑扩展性,所以针对不同用户特殊需求,自行写正则吧. EasyValidator实现的功能: 1.提示功能(在表单或者其他标签中加入tip="想提示的文字") 如: 复制代码 代码如下: <inp

Jquery日期选择datepicker插件用法实例分析_jquery

本文实例讲述了Jquery日期选择datepicker插件用法.分享给大家供大家参考.具体如下: 1.首先将Jquery中的datepicker插件中的相关属性值改成中文的: $.datepicker.regional['zh-CN'] = { clearText: '清除', clearStatus: '清除已选日期', closeText: '关闭', closeStatus: '不改变当前选择', prevText: '<上月', prevStatus: '显示上月', prevBigTe

基于jQuery的消息提示插件之旅 DivAlert(三)_jquery

本版本遵循了2.0的写法,此处通过extend方法封装了需要设置的各个选项,比起2.0版本的代码要精简了一些. 2.0版本 复制代码 代码如下: //设置插件基本信息 var options = o || {}; options.width = o.width || 300; //提示框宽度若小于104px则自动重置为200px if (options.height > 104) { options.height = o.height; } else { options.height = 200

JQuery 拾色器插件发布-jquery.icolor.js_jquery

以前我一直用的那个(eyecon.ro) 功能完整也简易,但是不尽符合上面的要求,于是 google了N下,结果没找到现成的jquery拾色器插件很好的支持以下功能: 简单易用,仅显示常用的那些色块给用户选择,另外提供一个输入框方便用户输入自定义的色值 于是我写了icolor这个插件,除了支持上面的要求,还有别的一些特性如下: 1,默认提供的色值为"常用的浏览器安全的色值".相当于整合了下面最后一个prototype版本的颜色拾取器.关于浏览器安全色值,可参考维基文档http://en

jQuery创建自己的插件(自定义插件)的方法_jquery

但必须知道,这些插件不是自己凭空产生的,它们是由开发人员编写.测试并完善的,这些人员为 jQuery 社区奉献了自己的业余时间.我们做这些都是免费的,是出于对自己代码的热爱.本文主要关注您如何回报这个伟大的社区,即如何编写自己的插件并上传到 jQuery 的插件页面.这可以让所有人使用您创建的插件,可以让整个 jQuery 开发社区变得更好.今年您也做出自己的贡献吧. 在编写本文中的插件时,我发现插件的创建过程以及用来创建它的框架非常简单明了.困难的地方在于想一些其他人还没有做过的事情,并编写一