我在对话框中发生了一个奇怪的错误,我正在加载对话框,但每当我给它指定一个按钮时,虽然它会显示按钮,但它不会显示按钮的名称.这是我的代码成功启动对话框...
jQuery('#'+message_div_id).dialog({
modal: ui_popup_modal
, width: ui_popup_width
, height: ui_popup_height
, resizable: false
, draggable: false
, buttons: {
"Ok": function() {
jQuery( this ).dialog( "close" );
}
}
});
这是弹出加载后bugzilla产生的html ...
< button type="button" text="Ok" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">< span class="ui-button-text">< /span>< /button>
span类是应该包含文本的区域,但正如您所看到的,它不是.有任何想法吗？
我正在编写我的第一个jQuery插件,并且我有一些关于我应该放置东西的问题.我试着四处寻找,但似乎有不同的方法来构建插件,所以我迷路了.我通过关注jQuerys网站上的Authoring Plugins文档得到了这一点,但不确定下一步该怎么做.
我在哪里放一个共同的功能？以hello()为例.假设我打算在整个插件中使用该功能,它应该在哪里生活？现在我把它放在顶部,这似乎有效,但我不确定这是正确的做法.
我在哪里放一个全局变量？以我的变量"imgs"数组为例.我应该在现在或我的init方法或其他地方声明这个吗？
(function($){
function hello(){
alert("hello world");
}
var imgs = new Array();
var methods = {
init: function(options){
if(options){
$.extend({
width: 200,
height: 200,
selectedColor: '#123456'
}, options);
// for every image do something
this.find('img').each(function(){
var $this = $(this);
var width = $this.width();
var height = $this.height();
console.log("width: " + width + " height: " + height);
selection = function() {
console.log($this.attr('src'));
hello();
};
$this.bind('click', selection);
});
}
return this;
},
test : function( string ) { …我正在使用jQuery Validate和Tabs插件.我希望在用户尝试从选项卡移动到其他两个选项卡之一时验证特定选项卡.有没有人有这种特殊方法的经验？
目前,这是我绑定Tabs插件的方式:
$(function() {
//Bind Link Tab Selection
//------------------
var $tabs = $("#tabs").tabs();
$('#step1_button').click(function() {
$tabs.tabs('select','2');
return false;
});
$('#step2_button').click(function() {
$tabs.tabs('select','3');
return false;
});
//------------------
//------------------
//Bind Tabs
//------------------
$("#tabs").tabs({
fx: {width:'toggle'}
});
//------------------
//------------------
});
<div id="newSwitchDialog">
<span id="name"></span><br /><br />
<table>
<tbody>
<tr>
<td>Effective Date: </td>
<td><input type="text" id="startDate" /><br /></td>
</tr>
<tr>
<td>End Date: </td>
<td><input type="text" id="endDate" /></td>
</tr>
</tbody>
</table>
</div>
当我通过点击事件打开此对话框时:
$('#yup').live('click', function () {
$('#name').text($('#selectedSponsorName').text());
$("#newSwitchDialog").dialog('open');
});
datepicker会自动弹出第一个输入.我该怎么做呢？我找到的唯一选项是将其设置为在按钮点击时打开,但我找不到任何autoOpen类似的东西.
谢谢.
$('[name^="field_"][type="checkbox"]');
上面给出了以名称开头的复选框列表field_.
如何获取所有不能启动的复选框 field_
任何帮助表示赞赏.
我有一些可排序的连接列表,它们同时是可放置的位置.问题是当我在droppable的drop事件中调用可排序的cancel方法时,sortable会被破坏而不再工作.示例http://jsfiddle.net/zSnBA/10/尝试在第二个列表中移动div编号102:您将看到将调用cancel事件但是可排序不再工作？有帮助吗？
使用jQuery Autocomplete,根据文档,您必须执行以下操作来缓存:
<script>
$(function() {
var cache = {},
lastXhr;
$( "#birds" ).autocomplete({
minLength: 2,
source: function( request, response ) {
var term = request.term;
if ( term in cache ) {
response( cache[ term ] );
return;
}
lastXhr = $.getJSON( "search.php", request, function( data, status, xhr ) {
cache[ term ] = data;
if ( xhr === lastXhr ) {
response( data );
}
});
}
});
});
</script>
以前没有一个缓存选项吗？谢谢
jquery jquery-ui autocomplete jquery-autocomplete jquery-ui-autocomplete
我正在基于文档中的类别示例实现jQuery UI自动完成.我想将结果数添加到Categories标题中,因此它不显示"Products"而是显示"Products(3)".我知道_renderMenu函数需要从示例中修改,但我无法理解如何修改它.任何帮助我开始正确的道路将不胜感激.
以下是jQuery UI Autocomplete Categories演示的示例代码:
<script>
$.widget( "custom.catcomplete", $.ui.autocomplete, {
_renderMenu: function( ul, items ) {
var self = this,
currentCategory = "";
$.each( items, function( index, item ) {
if ( item.category != currentCategory ) {
ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
currentCategory = item.category;
}
self._renderItem( ul, item );
});
}
});
</script>
<script>
$(function() {
var data = [
{ label: "anders", category: "" },
{ label: "andreas", category: "" },
{ label: "antal", …我正在制作一个带有自动填充功能的"令牌输入"样式复选框(用户输入内容,选择一个响应,在DOM视图中添加"令牌").
使用jQuery自动完成,有没有办法source在用户输入后添加不在列表中的值？
例如,一个源看起来像["Apples", "Oranges", "Bananas"].用户在"plums,"使用文本字段时键入.如果用户需要,有没有办法将"Plums"添加到源列表中？我知道有些东西select和change我可以检查的事件,但select只有在有东西要选择时才有效(在这种情况下不存在),并且change需要某种超时检查来验证用户是否已经停止输入.
相反,是否有另一个插件我可以用来完成这种行为？
我有两个使用相当大的json对象(1.2mb)的测试用例:
source: data
和
source: function (request, response) {
response(data);
}
在第一种情况下,自动完成功能正如我所料.
在第二种情况下,自动完成偶尔会起作用并且非常慢.有时浏览器会在再次释放之前挂起3-4秒"没有响应".
第二种情况与第一种情况相比有何不同？
(我会在某个时候在这个函数中加入一些过滤逻辑,但是现在我正在测试这个).