标签: jquery-plugins

带有语法着色的HTML编辑器的jQuery插件

我正在寻找一个jQuery插件,它将显示用于HTML创作和编辑的textarea.

我正在寻找的东西:

  1. 必须支持编写HTML,而不是WYSIWYG表示
  2. 必须像键入任何富客户端IDE那样为HTML着色.
  3. 应该是jQuery,但原生JS也可以.

我玩过MarkItUp,它让我90%但没有提供语法着色.据我所知,WYMeditor没有"代码视图"选项,而只是一个WYSIWYG视图.

过去有人做过这样的事吗?

javascript jquery jquery-plugins

23
推荐指数
4
解决办法
3万
查看次数

qTip(jQuery插件)如何删除页面中的所有qtips?

我正在使用jquery-plugin qTip.在我的页面中销毁所有工具提示的命令是什么?

我试过了:

$('.option img[title], span.taxonomy-image-link-alter img[title]').qtip("destroy");
Run Code Online (Sandbox Code Playgroud)

但它没有用......谢谢

javascript jquery jquery-plugins qtip

23
推荐指数
4
解决办法
2万
查看次数

如何使用JavaScript或jQuery一次拖动多个元素?

我希望能够使用jQuery拖动一组元素,就像我在Windows桌面上选择并拖动多个图标一样.

我找到了threedubmedia的jQuery.event.drag的演示:

http://threedubmedia.com/code/event/drag/demo/multi
http://threedubmedia.com/code/event/drag#demos

我认为这个插件很棒.这是一个很好的流行图书馆吗?您知道使用它的网站或应用程序吗?

是否还有其他库或插件来拖动多个对象?

可以jQuery UI的拖动多个对象?

javascript jquery drag-and-drop jquery-ui jquery-plugins

23
推荐指数
4
解决办法
6万
查看次数

重新定位Jquery UI自动完成结果框

我使用Jquery UI自动完成插件作为直接搜索术语建议工具.它启动并运行没有问题,除了我无法移动结果框.我基本上需要向左移动20个像素,向下移动4个像素.我试图覆盖Jquery UI CSS,但无法重新定位该框.

任何有此问题经验的人的帮助将不胜感激.

css jquery jquery-ui autocomplete jquery-plugins

23
推荐指数
3
解决办法
3万
查看次数

JQuery UI Slider的时间

嗨,我需要实现24小时时间范围的滑块.我喜欢使用jquery ui slider.我写了下面的代码

<script type="text/javascript">
$(function() {
    $(".slider-range").slider({
        range: true,
        min: 0,
        max: 23.59,
        step: 0.15
    });
});
</script>
Run Code Online (Sandbox Code Playgroud)

我喜欢的范围就像01:00 ---- 01:59

我如何给冒号(:)而不是点(.).另外,范围等于超过59,如05:85.请帮我创建一个时间滑块

jquery jquery-ui slider jquery-plugins uislider

22
推荐指数
3
解决办法
4万
查看次数

jquery:如何将其他.js文件包含到.js中

是否有任何jquery插件(而不是incldeMany)或简单的功能来按需包含js文件?

例如:

$.include('myscript.js'); 
Run Code Online (Sandbox Code Playgroud)

jquery external jquery-plugins include

22
推荐指数
2
解决办法
7万
查看次数

我应该使用哪种jQuery插件设计模式?

我需要构建一个jQuery插件,它将返回每个选择器id的单个实例.该插件应该并且将仅用于具有id的元素(不可能使用与许多元素匹配的选择器),因此它应该像这样使用:

$('#element-id').myPlugin(options);
Run Code Online (Sandbox Code Playgroud)
  • 我需要能够为插件提供一些私有方法以及一些公共方法.我可以实现这一点,但我的主要问题是每次调用$('#element-id').myPlugin()时我都希望获得相同的实例.
  • 我希望有一些代码只应在第一次为给定ID(构造)初始化插件时执行.
  • options参数应该是第一次提供,对于构造,之后我不希望构造被执行,这样我就可以像$('#element-id')一样访问插件.myPlugin()
  • 该插件应该能够在同一页面上使用多个元素(通常最多2个)(但是每个元素都需要自己的配置,它们将由ID初始化,例如,不是常见的类选择器).
  • 上面的语法只是举例 - 我对如何实现该模式的任何建议持开放态度

我对其他语言有很多OOP经验,但对javascript的知识有限,我真的很困惑如何做到这一点.

编辑

详细说明 - 这个插件是一个GoogleMaps v3 API包装器(帮助器)来帮助我摆脱代码重复,因为我在许多地方使用谷歌地图,通常是标记.这是当前的库(删除了大量代码,只剩下最重要的方法):

;(function($) {
    /**
     * csGoogleMapsHelper set function.
     * @param options map settings for the google maps helper. Available options are as follows:
     * - mapTypeId: constant, http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeId
     * - mapTypeControlPosition: constant, http://code.google.com/apis/maps/documentation/javascript/reference.html#ControlPosition
     * - mapTypeControlStyle: constant, http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlStyle
     * - mapCenterLatitude: decimal, -180 to +180 latitude of the map initial center
     * - mapCenterLongitude: decimal, -90 to +90 latitude of the map initial …
Run Code Online (Sandbox Code Playgroud)

javascript jquery design-patterns jquery-plugins

22
推荐指数
1
解决办法
5072
查看次数

jQuery tablesorter插件辅助"隐藏"排序

我正在使用jQuery tablesorter插件,我有一个包含月份和年份名称的列

April, 1975
January, 2001
Run Code Online (Sandbox Code Playgroud)

我想将此列排序为日期列.据我了解,可以使用其他一些"隐藏"值对列进行排序,但我似乎无法找到该功能的文档.有帮助吗?

更新

这个forkorter的叉子http://mottie.github.com/tablesorter/docs/index.html就是我所需要的; 能够存储值以在属性中排序,工作真的很棒.

tablesorter jquery-plugins

22
推荐指数
5
解决办法
1万
查看次数

如何设置jquery日期选择器日历图标触发器图像的大小和位置

我正在使用jquery日期选择器文本框附近的日历图标触发器图像默认是在顶部我想设置图像大小(高度)与文本框高度相同请给我一些建议我的代码是

$(#textbox1).datepicker({
    showOn: "button",
    buttonImage: "calendar_1.png",
    buttonImageOnly: true
)};
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui jquery-plugins

22
推荐指数
3
解决办法
5万
查看次数

jQuery文件上传:如何动态更改上传URL

我正在尝试在我的项目中使用blueimp jQuery文件上传.它很适合我的需求,但是我需要在创建和配置插件后动态上传url文件.我做了很多调查,但不幸的是,没有发现任何有用的东西.一般来说,我有一个按钮来选择文件和文件上传操作覆盖实际上传.基本创建如下:

 $('[upload-button]').fileupload(new FileUploadConfig()) 
Run Code Online (Sandbox Code Playgroud)

并配置本身:

 function FileUploadConfig() {

     // is set to a unique value for each file upload
     this.url = 'temporary';
     this.fileInput = $('[upload-button]');

     //... some other code
 }
Run Code Online (Sandbox Code Playgroud)

我需要做的是更改此配置中的URL然后调用data.submit().我发现,这个配置是使用$.data()并试图解决这些代码的问题

// get the current fileupload configuration
var config = $.data($('[upload-button]').get(0), 'fileupload');

// change the url configuration option
config.options.url = file.link;

//send a file
data.submit();
Run Code Online (Sandbox Code Playgroud)

但是,这不是我想要的方式.

有关如何实现这一目标的任何想法?

jquery jquery-plugins

22
推荐指数
2
解决办法
4万
查看次数