javascript

java

python

c#

android

c++

node.js

php

reactjs

jquery

html

css

ios

.net

git

ruby-on-rails

sql

c

string

ruby

jQuery-如何扩展Twitter Bootstrap插件

我正在研究Twitter的Bootstrap,现在想尝试为插件添加一些功能,但是我不知道该怎么做。 以模式插件为例([http://twitter.github.com/bootstrap/javascript.html#modals),]我想向插件添加一个新功能,可以将其称为标准 插件方法。 我想我最接近的是以下代码,但是当我尝试访问时,我得到的只是该函数不是对象的一部分。

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

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

然后,我想这样称呼它:

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

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

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

            // do stuff here
        }
    }

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

现有的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) $this.data('modal', (data = new Modal(this, options)))

        if (typeof option == 'string') data[option](args)
        else data.show()

    }) // end each
} // end $.fn.modal
trans by 2020-07-12T23:52:06Z

jQuery计数器,计数到目标麻木

我试图找出是否有人知道一个已经存在的jQuery插件,它将以指定的速度计数到目标数量。

例如,在Gmail主页上的“很多空间”标题下查看Google的免费存储空间(MB)。 它的起始编号是<span>标签,并且每秒缓慢递增计数。

我正在寻找类似的东西,但我希望能够指定:

  • 起始号码
  • 结束号码
  • 从头到尾需要花费的时间。
  • 一个自定义的回调函数,可以在计数器完成时执行。
trans by 2020-07-03T01:13:14Z

jQuery UI选项卡。 如何根据其ID而不是基于索引选择选项卡

我有两个标签,并使用jQuery UI进行配置。

ul  class="tabs"
  li  tabone
  li tabtwo
ul

从C#代码后面动态地隐藏或选择一些选项卡,让我们说tabtwo并且其他标签必须隐藏或不显示。 我可以使用.tabs({selected:1});.tabs(disable:0).在JavaScript中进行此操作,但我不想使用tab索引来这样做。

是否有其他选项卡可以根据名称/ ID选择选项卡?

trans by 2020-06-30T06:32:30Z

如何使用DataTables jquery插件按日期排序?

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

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

[HTTP://DataTable是.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 = (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
    var y = (ukDateb[2] + ukDateb[1] + ukDateb[0]) * 1;

    return ((x < y) ? 1 : ((x > y) ?  -1 : 0));
};
trans by 2020-06-30T02:03:30Z

javascript-使用jQuery,在上传之前限制文件大小

在PHP上,他们有一种方法来限制文件大小,然后再上传,但不能在上传之前。 我使用Malsup jQuery表单插件进行表单发布,它支持图像文件发布。

我想知道是否存在一个限制,可以设置可以通过该AJAX流将多少字节传递到服务器? 这样可以让我检查文件大小,如果文件太大,则返回错误。

通过在客户端执行此操作,它可以阻止那些从Pentax拍摄10MB照片并尝试上传照片的新手。

trans by 2020-06-27T11:18:41Z

javascript-具有jQuery和触摸设备支持的水平滑动滑块?

我需要制作一个具有动量的产品滑块(见红色区域)。

它应该可以在台式机,iPad和移动浏览器上使用。 您知道任何jquery / jquery移动插件可实现此目的。

enter image description here

我想要的效果几乎与此[http://manos.malihu.gr/tuts/jquery_thumbnail_scroller.html]相似(但不兼容)

就像苹果iPad应用中名为“预告片”的“前25名”部分一样

enter image description here

trans by 2020-06-26T23:10:44Z

javascript-如何检查jQuery插件和功能是否存在?

我在某些页面中有一个插件,但在另一些页面中我不想要它,因此我没有引用其脚本文件。

使用前如何检查插件功能是否存在。

在我的情况下,我正在使用此插件:并且我像这样使用它:

$('#marquee-inner div').marquee('pointer').mouseover(function() {
    $(this).trigger('stop');
}).mouseout(function() {
    $(this).trigger('start');
}).mousemove(function(event) {
    if ($(this).data('drag') == true) {
        this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
    }
}).mousedown(function(event) {
    $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
}).mouseup(function() {
    $(this).data('drag', false);
});

我想要的是在调用此选取框函数(如果存在或不存在)之前进行检查。

trans by 2020-02-19T07:56:15Z

jQuery multiselect下拉菜单

我有一个简单的html multi select下拉列表:

<select id="transactionType" multiple="multiple" size="10">
  <option value="ALLOC">ALLOC</option>
  <option value="LOAD1">LOAD1</option>
  <option value="LOAD2">LOAD2</option>
  <!-- etcetera... -->
</select>

我想在禁用javascript的情况下继续使用此列表,但是使用javaScript时,我想将该列表呈现为多选下拉列表。 也就是说,它仅显示列表中的一项,直到单击为止,然后将展开以显示x项并提供滚动,在按住shift或ctrl的同时,我可以根据需要选择多个元素。

jQuery的新功能是搜索[http://jquery.com/],但尚未找到我需要的东西。

编辑Struts2用户,选择的答案将使用[]进行url编码,这会在struts2中引起问题,但是修复非常容易。 只需打开jquery.multiSelect.js并搜索“ []”并删除一个用于字符串连接的实例。 我还使用jQuery 1.4.4,而不是捆绑了它的1.3.2,并且一切正常。

trans by 2020-01-27T21:04:45Z

jQuery-记住刷新后哪个选项卡处于活动状态

我在网页上使用jQuery选项卡,刷新页面时,它会丢失我曾经使用过的选项卡,然后返回第一个选项卡。

有人遇到过这个问题,知道如何解决吗?

trans by 2020-01-21T00:16:10Z

jQuery:如何在单击缩略图时显示图像弹出窗口?

在我的aspx页面中,我有一个缩略图图像<img>。当用户单击该图像时,我想要一个弹出窗口来显示该图像,使该图像的较大(完整)版本阻止了UI的其余部分。

是否有任何插件可以做到这一点?

trans by 2020-01-17T11:37:21Z

jQuery datepicker- 2个输入/文本框和限制范围

我正在使用带有两个输入框的jQuery Datepicker小部件,一个用于“起始”日期,第二个用于“截止”日期。 我正在使用jQuery Datepicker功能演示作为使两个输入框相互配合使用的基础,但是我需要能够添加以下附加限制:

  1. 日期范围不能早于2008年12月1日

  2. “到”日期不能为     比今天晚

  3. 一次“开始”日期     选择,“到”日期只能     在7天后     “开始”日期

  4. 如果“到”日期是     首先选择,然后选择“自”日期     只能在7的范围内     “至”日期之前的天数(带有     首先是12月1日的限制     可选日期)

我似乎无法使以上所有内容协同工作。

总而言之,我希望能够选择从12月1日到今天之间最多7天的范围(我知道我是在12月1日发布此范围的,因此暂时仅在今天得到)。

到目前为止我的代码

$(function () {

$('#txtStartDate, #txtEndDate').datepicker(
            {
            showOn: "both",
            beforeShow: customRange,
            dateFormat: "dd M yy",
            firstDay: 1, 
            changeFirstDay: false
            });
});

function customRange(input) 
{ 

return {
         minDate: (input.id == "txtStartDate" ? new Date(2008, 12 - 1, 1) : null),
         minDate: (input.id == "txtEndDate" ? $("#txtStartDate").datepicker("getDate") : null), 
         maxDate: (input.id == "txtStartDate" ? $("#txtEndDate").datepicker("getDate") : null)
       }; 
}

我缺少7天范围限制,并且也无法选择“ To”日期在2008年12月1日之前或今天之后。 任何帮助将不胜感激,谢谢。

trans by 2020-01-03T12:13:17Z

CSS-Firefox 4必填的输入形式为红色边框/轮廓

我最近开发了一个HTML5 jQuery插件,但在删除FF4 beta必填字段中的红色边框时遇到了麻烦。

我注意到FF在必填字段中应用了此边框/轮廓,并在设置了值时将其删除。 问题是我正在使用value属性来模拟旧版浏览器中的占位符attr。 因此,我需要具有此功能的所有输入都不要显示红线。

您可以在此插件的演示页面上看到问题

trans by 2019-11-18T23:43:17Z

jQuery-Javascript,Razor和Escape字符。 像撇号

我在MVC3项目中使用Razor。 而且我也在使用FullCalendar JQuery插件。 因此,当我尝试填充数组时效果很好。 除了一件事。 如果s.Name包含撇号,它将呈现为&#39;,这不是我想要的。 我尝试使用诸如Encode和Decode甚至MvcHtmlString.Create和result始终相同的不同方法。

这是代码片段:

<head>
    <script type='text/javascript'>
       $(document).ready(function () {        
        $('#calendar').fullCalendar({
            header: {
                left: '',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            month: 5,
            year: 2011,
            editable: false,
            events: [
            @foreach (var s in ViewBag.Sessions)
            {
                @:{
                @: title: '@s.Name',
                @: start: new Date(@s.Starts.Year, @s.Starts.Month-1, @s.Starts.Day),
                @: end: new Date(@s.Ends.Year, @s.Ends.Month-1, @s.Ends.Day)
                @:},
            }
                   ]
        });
    });
</script>

trans by 2019-11-02T19:35:05Z

jQuery-JavaScript比较字符串而不区分大小写

这个问题在这里已有答案:

  • JavaScript不区分大小写的字符串比较                                     18个答案

我必须使用JavaScript检查一些字符串,但是区分大小写会导致问题。例如

if('abc'=='ABC')
{
return true;
}

即使单词的含义相同,它也不会进入if循环内。我也不能使用tolower子句,因为我不知道数据将如何实现例如:

if('aBc'=='abC')
{
return true;
}

如果可以通过jquery编写此功能的JS函数。

trans by 2019-10-11T14:33:37Z

Facebook风格的JQuery自动完成插件

我是一个插件,像facebook一样做自动完成,你可以选择多个项目 - 类似于标记stackoverflow问题的方式。

以下是我遇到的一对情侣:

  • [http://wharsojo.wordpress.com/2008/02/18/jquery-facebook-autocomplete]
  • [http://www.emposha.com/javascript/fcbkcomplete.html]
  • [https://github.com/loopj/jquery-tokeninput]

你试过这些吗? 它们易于实现和定制吗?

trans by 2019-09-18T13:26:27Z

javascript - 将资源视图/甘特图添加到jQuery Fullcalendar

我正在使用jQuery Fullcalendar,如果你不使用它,我建议你也这样做,因为它的功能非常棒!

然而,对我和我的项目(以及许多其他人)真正有用我真的相信它需要资源/ gannt视图。

不是人们会想到的问题......直到你看到jQuery FullCalendar的内幕,并看到它生成它的方式不是javascript开发人员的想法...即我。

意识到这已经超出了我的联盟,我不得不去别处寻找能够提供资源视图的日历/日程安排。

以下是三个承诺此功能的专有日历。

  1. [http://java.daypilot.org/]
  2. [http://www.dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml]
  3. [http://web2cal.com/ajaxeventscalendar/calendar-demo/912-premium-demo/157-scheduler-view]

不幸的是,daypilot和dhtmlxscheduler都缺乏FullCalendar实现的干净清晰的界面,web2cal看起来和感觉都没有完成,仍处于测试阶段。

另外,我想知道是否有人对如何将jQuery Gannt图表与jquery fullcalendar集成有任何想法。

我发现了一些看起来很有希望的项目

  • [http://www.maro-z.com/examples/jquery.gantt/]
  • [http://code.google.com/p/jquery-gantt/]
  • [http://github.com/thegrubbsian/jquery.ganttView]

我已经研究过fullcalendar如何产生它的观点,到目前为止还没有成功地扩展它以提供一个容器用于这些gannt图表中的一个位于&#39; fullcalendar并由其按钮触发。

这似乎是更受欢迎的功能请求之一,许多人在官方问题跟踪器上要求它

[http://code.google.com/p/fullcalendar/issues/detail?id=150&amp;colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars]

所以我被留在十字路口。 我可以支付一个半生不熟的专有解决方案,该解决方案支持很少或没有社区支持,或者我可以通过询问真正了解jQuery的人来尝试找到一种在jquery Fullcalendar中获取资源视图的方法。

我很乐意将使用专有解决方案节省的资金捐赠给Fullcalendar的开发人员。

FullCalendar的开发者似乎在他的板块上有很多,我想再次感谢他这个真正令人惊叹的日历。

我希望有人可以与我们分享解决方案!

蒂姆

trans by 2019-08-28T04:34:53Z

javascript - 我想了解jQuery插件语法

jQuery站点列出了jQuery的基本插件语法,如下所示:

(function( $ ){    
  $.fn.myPlugin = function() {      
    // there's no need to do $(this) because
    // "this" is already a jquery object

    // $(this) would be the same as $($('#element'));

    this.fadeIn('normal', function(){    
      // the this keyword is a DOM element    
    });    
  };
})( jQuery );

我只是想从Javascript的角度理解那里发生的事情,因为它看起来不像我之前看过JS所做的任何语法。 所以这是我的问题列表:

  1. 如果用函数替换函数($)...,比如&#34; the_function&#34;,语法如下所示:

     (the_function)( jQuery );
    

    什么是&#34;(jQuery);&#34;在做什么? 围绕the_function的括号是否真的有必要? 他们为什么在那里? 你能提供的另一段代码是否类似?

  2. 它以函数($)开头。 所以它创建了一个函数,据我所知,它永远不会被运行,参数为$,已经定义了? 那里发生了什么?

谢谢您的帮助!

trans by 2019-08-26T21:48:57Z

jquery - Bootstrap轮播上的多个帧

这是我尝试用Bootstrap 3旋转木马实现的效果

enter image description here

它不是一次只显示一帧,而是一起显示N帧。 然后当您滑动(或自动滑动时),它会像幻灯片那样移动幻灯片组。

这可以用bootstrap 3的旋转木马完成吗? 我希望我不得不去寻找另一个jQuery插件...

trans by 2019-08-21T06:28:25Z

javascript - 使用jQuery的饼图

我想用JavaScript创建一个饼图。 在搜索时,我找到了Google Charts API。 由于我们使用的是jQuery,因此我发现可以使用jQuery集成Google Charts。

但我的问题是在这里将实际数据发送到Google服务器以创建图表。 有没有办法阻止数据发送到Google? 我担心将数据发送给第三方。

trans by 2019-08-20T21:01:24Z

javascript - Isotope和Masonry jQuery插件之间的差异

我最近发现了Masonry和Isotope JQuery插件。 它们似乎在功能上几乎完全相同,似乎都有相同的作者。 我能看到的唯一明显区别是许可证。

这两者在功能方面有哪些主要区别? 你为什么要用另一个呢?

trans by 2019-08-18T04:43:20Z

1 2 3 下一页 共3页