标签: jquery-plugins

如何使用DataTables jquery插件按Date排序？

我正在使用datatables jquery插件,并希望按日期排序.

我知道他们有一个插件,但我找不到从哪里下载它

http://datatables.net/plug-ins/sorting

我相信我需要这个文件:dataTables.numericComma.js但我无法在任何地方找到它,当我下载数据表时,它似乎不在zip文件中.

我也不确定是否需要将自己的自定义日期排序器传递给此插件.

我试图对这种格式进行排序MM/DD/YYYY HH:MM TT(AM | PM)

谢谢

编辑

如何更改此项以按MM/DD/YYYY HH:MM TT(AM | PM)排序并将其更改为美国日期？

jQuery.fn.dataTableExt.oSort['uk_date-asc']  = function(a,b) {
    var ukDatea = a.split('/');
    var ukDateb = b.split('/');

    var x = (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
    var y = (ukDateb[2] + ukDateb[1] + ukDateb[0]) * 1;

    return ((x < y) ? -1 : ((x > y) ?  1 : 0));
};

jQuery.fn.dataTableExt.oSort['uk_date-desc'] = function(a,b) {
    var ukDatea = a.split('/');
    var ukDateb = b.split('/');

    var x = …

Run Code Online (Sandbox Code Playgroud)

jquery jquery-plugins datatables

cho*_*bo2

2013 01-18

45
推荐指数

6
解决办法

9万
查看次数

如何扩展Twitter Bootstrap插件

我正在挖掘Twitter的Bootstrap,现在想尝试为插件添加一些功能,但我无法弄清楚如何这样做.使用modal插件作为示例(http://twitter.github.com/bootstrap/javascript.html#modals),我想在插件中添加一个新函数,可以像标准插件方法一样调用.我认为我最接近的是使用以下代码,但是当我尝试访问时,我得到的只是该函数不是该对象的一部分.

有什么建议？这是我试过的,似乎最接近我需要做的事情:

 $.extend($.fn.modal, { 
    showFooterMessage: function (message) { 
        alert("Hey"); 
    } 
});

Run Code Online (Sandbox Code Playgroud)

然后我想把它称为如下:

  $(this).closest(".modal").modal("showFooterMessage");

Run Code Online (Sandbox Code Playgroud)

编辑:好的,我想出了如何做到这一点:

(function ($) {
    var extensionMethods = {
        displayFooterMessage: function ($msg) {
            var args = arguments[0]
            var that = this;

            // do stuff here
        }
    }

    $.extend(true, $.fn.modal.Constructor.prototype, extensionMethods);
})(jQuery);

Run Code Online (Sandbox Code Playgroud)

现有Bootstrap插件集的问题在于,如果有人想扩展它们,那么新方法都不能接受参数.我试图"修复"这个是在插件函数调用中添加对参数的接受.

$.fn.modal = function (option) {
    var args = arguments[1] || {};
    return this.each(function () {
        var $this = $(this)
        , data = $this.data('modal')
        , options = typeof option == 'object' && option

        if (!data) …

Run Code Online (Sandbox Code Playgroud)

jquery jquery-plugins twitter-bootstrap

Ale*_*Gad

2013 06-11

45
推荐指数

2
解决办法

2万
查看次数

如何更改Jquery UI Slider句柄

我想修改库存JQuery UI滑块,以便手柄上有一个箭头而不是正方形.即我想使用自定义图像作为句柄.

有一些教程可以做到:

但我无法让它发挥作用.以下代码生成固定句柄图像:

<!DOCTYPE html>
<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.slider.js"></script>
  <style type="text/css">
  #myhandle {position: absolute;z-index: 100;height: 25px;width: 35px;top: auto;background: url(http://stackoverflow.com/content/img/so/vote-arrow-down.png) no-repeat;}   
  </style>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#slider").slider({handle: '#myhandle'});
  });
  </script>
</head>
<body>
<div id="slider"><div id="myhandle"></div></div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

就好像JQuery没有拿起我想要使用myhandle id作为句柄.我想知道:我是否需要一个JQuery插件来识别句柄选项？(它没有记录在http://docs.jquery.com/UI/Slider中).或许它只能在旧版本的JQuery中运行？

有任何想法吗？

jquery jquery-ui slider jquery-plugins

Tom*_*Tom

lucky-day

43
推荐指数

3
解决办法

12万
查看次数

最好的jQuery状态消息插件？

什么是最好的jQuery状态消息插件？

我喜欢jGrowl和Purr,但jGrowl没有保持粘性的功能(不是自动关闭)而且Purr似乎在IE 6中不能正常工作.

我想展示一些消息,比如......网站即将进行维护,你的这样的工作已经完成,以及类似的东西.

javascript jquery user-interface plugins jquery-plugins

Eli*_*nor

lucky-day

42
推荐指数

5
解决办法

4万
查看次数

获取正在激活的选项卡(div)的ID

我正在使用jquery 1.9和jquery UI 1.10

我希望能够在单击选项卡时获取选项卡ID.例如,如果我单击名为"Second"的选项卡,我想获得"tabs-2"响应.

到目前为止我已完成以下代码:

<script type="text/javascript">
    $(function () {
        $("#tabs").tabs({
            beforeActivate: function (event, ui) {
                alert(/* the id of the tab (div) being activated */);
            }
        });
    });
</script>

<div id="tabs">
    <ul>
       <li><a href="#tabs-1">First</a></li>
       <li><a href="#tabs-2">Second</a></li>
    </ul>
    <div id="tabs-1">
        <p>abcde</p>
    </div>
    <div id="tabs-2">
        <p>fghi</p>
    </div>
</div>

Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui jquery-plugins jquery-tabs

Alv*_*roV

2015 03-11

42
推荐指数

2
解决办法

8万
查看次数

阻止Google Maps iframe捕获鼠标的滚动轮行为

如果您使用触控板或鼠标浏览嵌入式地图iframe,您可能会陷入地图的缩放功能,这实在令人讨厌.

请在此处尝试:https://developers.google.com/maps/documentation/embed/guide#overview

有办法防止这种情况吗？

javascript iframe jquery google-maps jquery-plugins

reb*_*ard

2016 08-02

41
推荐指数

3
解决办法

10万
查看次数

在jquery插件中更改搜索行为选择

我正在使用josen的Chosen插件,并希望搜索行为改变一点(单选).仅搜索会导致搜索字符串中单词的开头匹配的匹配.我想扩展这个也用斜线和括号后的单词.

例如:搜索字符串:" second "与项目" first/second "或" first(second) " 不匹配.

我怀疑这只是通过向构造函数添加选项而变化,但我愿意更改/硬编码源脚本.

选择:https://github.com/harvesthq/chosen

jquery jquery-plugins

Dav*_* W.

lucky-day

40
推荐指数

3
解决办法

3万
查看次数

使用Plupload与ASP.NET/C#

UPDATE

我能够让一切正常工作,我只想回复更新的代码.我使用了Darin Dimitrov关于使用单独的通用http处理程序来处理文件上传的建议,所以这就是我提出的代码...如果您有疑问,请告诉我.

<%@ WebHandler Language="C#" Class="Upload" %>

using System;
using System.Configuration;
using System.Data;
using System.Data.SqlClient;
using System.IO;
using System.Net;
using System.Web;

public class Upload : IHttpHandler {

    public void ProcessRequest(HttpContext context) {

        /**
         * If 'newTicket' is "false", then the directory to upload to already exists and we can extract it from
         * the 'ticketID' POST parameter.
         * 
         * If 'newTicket' is "true", then this is a new Ticket submission so we need to work with a NEW directory …

Run Code Online (Sandbox Code Playgroud)

c# asp.net httphandler jquery-plugins plupload

Hri*_*sto

2011 12-10

39
推荐指数

2
解决办法

3万
查看次数

如何在Slick轮播项目之间添加空格

我想在两个光滑的轮播项目之间添加空间,但不希望空间有填充,因为它减少了我的元素大小(我不想那样).

在此输入图像描述

    $('.single-item').slick({
        initialSlide: 3,
        infinite: false
    });

Run Code Online (Sandbox Code Playgroud)

.slick-slider {
    margin:0 -15px;
}
.slick-slide {
    padding:10px;
    background-color:red;
    text-align:center;
    margin-right:15px;
    margin-left:15px;
}

Run Code Online (Sandbox Code Playgroud)

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://cdn.jsdelivr.net/jquery.slick/1.5.0/slick.min.js"></script>
<link href="http://cdn.jsdelivr.net/jquery.slick/1.5.0/slick.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="container">
    <div class="row">
        <div class="col-sm-12" style="background-color:gray;">
            <div class="slider single-item" style="background:yellow">
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
                <div>6</div>
            </div>
        </div>
    </div>
</div>

Run Code Online (Sandbox Code Playgroud)

不知何故,我从两边获得空间,我试图删除它.

jquery html5 jquery-plugins css3 slick.js

Sop*_*opo

2018 11-09

38
推荐指数

8
解决办法

7万
查看次数

Jquery Chosen插件 - 由Ajax动态填充列表

我试图使用插件Chosen for Multiple Select构建我的下拉菜单.这是我基于的行为:

http://jsfiddle.net/JfLvA/

所以,而不是在我的选择中有3个harcoded <option>.我希望此列表是由ajax请求填充的json数组的值.这将由自动完成触发.

因此,如果用户键入"car",我通过ajax调用发送信件,并且我回到这样的数组:

[{ "ID": "2489", "名称": "卡丽"},{ "ID": "2490", "名称": "卡罗琳"},{ "ID": "2491", "姓名": "卡罗尔"}]

代码:

$(function() {

$(".chzn-select").chosen();
$(".chzn-select-deselect").chosen({allow_single_deselect:true});

$('.chzn-choices input').autocomplete({
   source: function( request, response ) {
      $.ajax({
          url: "/change/name/autocomplete/"+request.term+"/",
          dataType: "json",
          success: function( data ) {
             response( $.map( data, function( item ) {
                $('ul.chzn-results').append('<li class="active-result">' + item.name + '</li>');

          }
       });
    }
});

Run Code Online (Sandbox Code Playgroud)

结果:

我输入"汽车",在下拉列表中我得到"没有汽车的结果",然后我得到了我想要的所有结果.

1.为什么我收到"无结果"消息,因为我可以在我的json数组和列表中看到我得到了结果.