我有jquery.validate.js插件,它对我来说很好.
我的问题是:
我有一个文本框,这个文本框是必填项,只应接受数字.
在js中,我可以看到有数字验证,问题是我不知道如何使用它.
我只知道如何通过放入文本框字段来创建所需的字段 <class="required">
那么,我如何再添加一个验证标准来接受数字.
感谢名单
我一直在寻找一个jQuery插件来使用Google Maps API v3加载gMaps.
在这种情况下你使用的jQuery插件是什么？
目前,jMapping是我发现的最好的:
是否有一个jQuery插件自动创建一个下拉年选择器(这是一个"选择"元素,包含从当前开始并可追溯到给定年份的所有年份)？
我不需要日/月(否则我已经使用了日期选择器),我只需要一年!
提前致谢
我有一个jQuery插件,我正在使用:
$(document).ready(function(){
$('.elements').fancyPlugin();
});
这很有效,直到我开始添加新元素:
$.get('ajax.html', function(data){
$('#container').html(data);
});
我可以像这样再次调用插件函数:
$.get('ajax.html', function(data){
$('#container').html(data).find('.elements').fancyPlugin();
});
...除了AJAX发生在另一个不应该知道的jQuery插件fancyPlugin().
如何将此插件应用于所有当前和未来的元素？
我正在使用手动向jqGrid添加行addRowData,并且必须维护这些行的顺序.
但是,在分页时,所有行都会重新排序,以按网格的第一个可见列进行排序.
我已经关闭了所有可以找到的排序选项.
如何防止所有页面中的所有排序和维护行的顺序？
码
正在使用的初始化代码:
$("#grid").jqGrid({
autowidth: false,
cmTemplate: {sortable: false},
colModel: config.gridColumnModel
height: 600,
pager: "#aggregationToolbar",
sortable: false,
shrinkToFit: false
url: "fetch",
viewrecords: false
});
正在使用的默认设置(由上面的初始化代码中的选项覆盖):
$.extend($.jgrid.defaults, {
altClass: "altRow",
altRows: true,
autowidth: true,
cmTemplate: {
align: "center",
title: false
},
datatype: "local",
gridview: true,
height: "auto",
hidegrid: false,
jsonReader: {
page: function(obj) { return 1; },
records: function(obj) { return obj.length; },
repeatitems: false,
root: "objects",
total: function(obj) { return 1; }
},
loadonce: true, …我正在学习jQuery.我想在我的jsf 2.0应用程序中使用jQuery.就像我有html文件,我在这里使用jQuery
<head>
<title>The Devil's Dictionary</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/06.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/06.js"></script>
</head>
我只是从jQuery官方网站下载了jquery-1.7.1.js文件,将其包含在我的目录中,然后开始使用jQuery.
我的06.js文件conatin代码是这样的
$(document).ready(function() {
$('#letter-a a').click(function(){
/**
* The .load() method does all our heavy lifting for us! We specify the target location for
* the HTML snippet by using a normal jQuery selector, and then pass the URL of the file to
* be loaded as a parameter to the method. Now, when the first link …我是新手,需要js,问题是我真的不明白如何加载jQuery插件.
我想加载多个插件,但我已经遇到了第一个问题,选择了插件
JS
//site full url
var siteUrl = window.location.protocol+"//"+window.location.host + "/";
requirejs.config({
baseUrl: siteUrl + "assets/js",
paths: {
"jquery": "libs/jquery",
"jquery-ui": "libs/jquery-ui",
"bootstrap": "libs/bootstrap",
"scripts": "scripts",
"plugins": "plugins",
},
});
requirejs(['jquery', 'jquery-ui', 'bootstrap', 'plugins/chosen'],
function($, chosen){
$('.chzn-select').chosen();
});
我的测试HTML
<select data-placeholder="Choose a country..." style="width:350px;" class="chzn-select">
<option value="">Test</option>
<option value="">Test</option>
<option value="">Test</option>
</select>
当我尝试加载它时,我收到以下错误
TypeError: $ is not a function
...tion(){"in"==self.hoverState&&self.show()},self.options.delay.show),void 0):self...
bootstrap.js (line 6)
TypeError: $(...).chosen is not a function
$('.chzn-select').chosen();
有人可以指出我做错了什么吗？
我正在使用jquery datatables插件,它似乎是一个有用的插件,可以采用常规的html表并添加排序,过滤,分页等
我看到的一个问题是,当我搜索它似乎没有更新"奇数"/"偶数"行类,所以如果我的表有100行,但当我过滤它有10,它可能是所有10是相同的背景颜色或者8是相同的背景色
在我按列排序之后,我看到同样的问题,在按照列排序之后,它可能会"聚集"一堆具有相同背景颜色的行.
无论如何,datatables插件可以在滤镜后重新应用偶数/奇怪的样式,所以无论你过滤什么,总会有交替的行背色？
我怎样才能有一个只读的jQuery滑块？一个会显示一个值,但不允许用户移动它？
谢谢
有一种优雅的方式来暂时抑制jQuery事件吗？我使用这样的代码:
$(element).unbind(event, function1).unbind(event, function2);
// code for which the event is suppressed
$(element).bind(event, function1).bind(event, function2);
但我发现它有点笨拙,并且对很多事件来说都不是很容易扩展.为什么我要暂时压制事件？我使用BlockUI插件在Ajax访问期间阻止UI.这是通过BlockUI提出的:$().ajaxStart($.blockUI).ajaxStop($ .unblockUI)来完成的.
但是,一个Ajax访问是特殊的,所以我需要一个不同的消息.ajaxStart和ajaxStop事件会干扰消息代码(不显示任何内容):
function message(text, callback) {
if (text == undefined) {
$.unblockUI();
return;
}
// $().unbind('ajaxStop', $.unblockUI).unbind('ajaxStart', $.blockUI);
$("#message_text").html(text);
$.blockUI({message: $("#message")});
$("#message_ok").click(function() {
// $().bind('ajaxStop', $.unblockUI).bind('ajaxStart', $.blockUI);
$.unblockUI();
if (callback != undefined) callback();
});
}
只有当我取消注释unbind()和bind()行时,它才有效.
jquery ×10
jquery-plugins ×10
javascript ×4
datatables ×1
google-maps ×1
jqgrid ×1
jquery-ui ×1
jsf-2 ×1
requirejs ×1
sorting ×1
styling ×1