标签: jquery-plugins

使用jQuery的非ajax GET/POST(插件?)

这种情况之一我觉得我错过了一个关键的关键词来找到谷歌的答案......

我有一包参数,我想让浏览器导航到带参数的GET URL.作为一个jQuery用户,我知道如果我想发一个ajax请求,我会这样做:

$.getJSON(url, params, fn_handle_result);
Run Code Online (Sandbox Code Playgroud)

但有时我不想使用ajax.我只想提交参数并返回页面.

现在,我知道我可以循环参数并手动构建GET URL.对于POST,我可以动态创建表单,用字段填充并提交.但是我确定有人已经编写了一个插件来执行此操作.或许我错过了一些东西,你可以用核心jQuery来做.

那么,有人知道这样的插件吗?

编辑:基本上,我想要的是写:

$.goTo(url, params);
Run Code Online (Sandbox Code Playgroud)

并且可选

$.goTo(url, params, "POST");
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-plugins

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

如何让jQuery DataTables对隐藏值进行排序,但搜索显示的值?

我有一个简单的DataTables网格,其中包含日期列.我在JSON数据集中提供了两个日期值,一个用于显示,另一个专门设计,以便DataTables可以对其进行排序.我的Web应用程序允许用户选择一堆不同的日期格式,因此需要灵活.

这是DataTables从Web服务器获取的JSON数据sAjaxSource.

{
  Reports : [
    { Date: { Sort = "20101131133000", Display : "11/31/2010 1:30 PM" } }, 
    { Date: { Sort = "20100912120000", Display : "1200 EST 2010-09-12" } }, 
  ]
}
Run Code Online (Sandbox Code Playgroud)

很容易告诉DataTables根据Date.SortValue属性进行排序,并Display通过使用使该属性对用户可见fnRender().所以这让我的目标得到了一半.

var dataTableConfig = {
  sAjaxSource: "/getreports",
  sAjaxDataProp: "Reports",
  aoColumns: [
    { mDataProp: "User" },
    { mDataProp: "Date.Sort", 
      bSortable: true, 
      sName: "Date", 
      bUseRendered: false, 
      fnRender: function (oObj) {
        return oObj.aData[oObj.oSettings.aoColumns[oObj.iDataColumn].sName].Display;
      }
    }
  ]
};
Run Code Online (Sandbox Code Playgroud)

这是我的问题.我想允许用户根据显示的值输入过滤器(使用DataTables提供的内置过滤器输入),但他们不能.

例如.如果用户输入"EST",它们将得到零结果,因为数据表基于指定的值过滤而mDataProp …

jquery jquery-plugins datatables

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

Fullcalendar jquery插件中的Year View

我在fullcalendar中启动了YearView(从基本的'MonthView'派生,需要显示更长的事件,如学校假期),如果有人已经熟悉事件在视图上显示的方式,我可以使用手.

  1. 使用'BasicEventRenderer',如何为'DayEventRenderer'填充'segmentContainer'?
  2. 我何时初始化分隔活动年份的默认开始和结束日期?(起始月份可以更改,能够在当前月份和当前日期保持亮点非常好).

请访问https://github.com/Paulmicha/fullcalendar查看我的github fork

- >示例文件是https://github.com/Paulmicha/fullcalendar/blob/master/tests/year-view-test-01.html


在此输入图像描述

javascript jquery jquery-plugins fullcalendar

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

jQuery选择器返回prevObject而不是普通元素

使用Jquery选择元素时遇到一些问题.当我尝试选择一个元素时:

var images = $("#htmlChunk").find("img.Thumb");
console.log(images);
Run Code Online (Sandbox Code Playgroud)

我得到这个结果:

>[<img>, <img>, prevObject: e.fn.e.init[1], context: #document, selector: "#htmlChunk img.Thumb"]
Run Code Online (Sandbox Code Playgroud)

导致此返回结果的原因是什么?我尝试了一些东西,但仍然没有得到我想要的结果.

我试图包装代码以避免冲突.我试图清除对象

这是我在网上找到的东西. http://drupal.org/node/272557

var images = $("#htmlChunk")['prevObject'].find("img.Thumb");
Run Code Online (Sandbox Code Playgroud)

我现在回来了一个对象,但那也不是我想要的.

我跳进了这个项目,所以我对脚本并不熟悉.我试图在js文件中搜索prevObject,但无法找到任何.

我认为问题在于它干扰了其他一些javascript文件.有任何想法吗?方向?

编辑:htmlChunk:

<div id="htmlChunk">
    <div class="ngg-albumoverview">
        <div class="ngg-album-compact">
            <div class="ngg-album-compactbox">
                <div class="ngg-album-link">
                    <a class="Link" href="http://........">
                        <img class="Thumb" alt="Personeelsevent" src="http://.........">
                    </a>
                </div>
            </div>
            <h4><a class="ngg-album-desc" title="Personeelsevent" href="http://.....">Personeelsevent</a></h4>
            <p><a href="http:///.......">bekijk dit album</a></p>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

jquery jquery-plugins jquery-selectors

33
推荐指数
1
解决办法
6万
查看次数

如何获取当前所选Selectize.js输入项的值

我想知道,我如何在Selectize.js输入中获得当前所选项目的值?我已经检查了文档并搜索了与Stackoverflow相关的所有selectize.js,但没有发现任何可能的例子.有任何想法吗?这是我认为基于文档的工作,但反而给了我Undefined is not a function错误.

请注意代码的最底部,我在哪里使用select.on('change'; 这(除了其他API方法)是我尝试过的.改变是完美的,但不幸的是没有别的.

var select = $('#searchTextbox').selectize({
          maxItems: 1, //Max items selectable in the textbox
          maxOptions: 30, //Max options to render at once in the dropdown
          searchField: ['text'], //Fields the autocomplete can search through.  Example of another searchable field could be 'value'
          openOnFocus: true,
          highlight: true,
          scrollDuration: 60, //currently does nothing; should say how many MS the dropdown and drop up animations take
          create: false, //Whether or not the user is allowed …
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-plugins selectize.js

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

jQuery UI对话验证,不使用<form>标签

http://bassistance.de/jquery-plugins/jquery-plugin-validation/看起来是最好的jquery验证插件.我似乎无法让它在jQuery UI对话框中工作.

此代码在对话框DIV之外工作:

<script type="text/javascript">
$(document).ready(function() {
     $("form").validate();
     $("a").bind("click", function() { alert($("form").valid()); });
});
</script>

<form method="get" action="">
   <p>
     Name
     <input id="name" name="name" class="required" minlength="2" />
   </p>
   <p>
     E-Mail
     <input id="cemail" name="email" size="25"  class="required email" />
   </p>
   <a href="#" id="clickTest">Click</a>
</form>
Run Code Online (Sandbox Code Playgroud)

这非常有效.当我将表单移动到我的对话框div中时,打开对话框,然后单击它返回true的链接,没有bueno.

有没有办法使用这个杀手jquery验证插件而不必使用<form>标签?或者有更好的方法成功地做到这一点?

validation jquery jquery-ui jquery-plugins jquery-validate

32
推荐指数
1
解决办法
4万
查看次数

用户输入数字时jQuery可以添加逗号吗?

当用户输入数字时,我将如何动态添加逗号?是否有一个很好的格式化程序可以帮助?我必须稍后添加这些数字,所以我最终必须删除逗号.但屏幕需要显示逗号以提高可读性.

jquery jquery-plugins

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

jqGrid水平滚动条

我用jQuery和jqGrid开发了AJAX接口.

如何从jqGrid表中删除水平滚动条?

http://dskarataev.ru/jqgrid.png

如果我设置autowidth: true,那么我得到table的宽度=列的总宽度,但我需要table = table的宽度=父元素的宽度与函数返回的idgetSelectedTabHref()

所以我发挥功能:

$(window).bind('resize', function() {
  $('#tasks').setGridWidth($(getSelectedTabHref()).width());
  $('#tasks').setGridHeight($(window).height()-190);
}).trigger('resize');
Run Code Online (Sandbox Code Playgroud)

这是我如何创建jqGrid表:

$('#tasks').jqGrid({
  datatype: 'local',
  colNames:[labels['tasksNum'],labels['tasksAdded']+"/"+labels['tasksAccepted'],labels['tasksOperator'],labels['tasksClient'],labels['tasksManager'],labels['tasksDesc']],
  colModel :[
    {name:'taskId', index:'taskId', width:1, align:'right'},
    {name:'taskAdded', index:'taskAdded', width:3},
    {name:'taskOperator', index:'taskOperator', width:4},
    {name:'taskClient', index:'taskClient', width:7},
    {name:'taskManager', index:'taskManager', width:4},
    {name:'taskDesc', index:'taskDesc', width:8}]
});
Run Code Online (Sandbox Code Playgroud)

jquery scrollbar jquery-plugins jqgrid horizontal-scrolling

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

如何防止前置滚动?

我正在将内容添加到身体的顶部.有时这个内容可以是400-500px高,当这样的内容被添加时,在你阅读页面时推下内容可能会非常烦人.

我想要自动添加项目,而不是点击此处查看新项目.

有没有办法在不移动页面的情况下将此内容添加到正文顶部?然后,当用户滚动到顶部时,它已经存在?

javascript jquery jquery-ui jquery-plugins

32
推荐指数
4
解决办法
1万
查看次数

document.ready和$ function之间的区别

可能重复:
这些jQuery就绪函数有什么区别?
jquery:选择document.ready方法

这样做有什么区别

$(function() {
    $("a").click(function(event){
        alert("Thanks for visiting!");
    });
});
Run Code Online (Sandbox Code Playgroud)

还有这个

$(document).ready(function(){
    $("a").click(function(event){
        alert("Thanks for visiting!");
    });
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-plugins document-ready

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