JQuery UI:如何使用其命名空间调用widget函数
在这个问答内容中，我们讨论了如何使用jQuery UI的命名空间来调用widget函数。首先，我们需要了解jQuery UI的基本概念和功能。
jQuery UI是一个基于jQuery的JavaScript库，它提供了一组用于创建和扩展交互式Web应用程序的UI组件和功能。jQuery UI的命名空间是jQuery.ui，可以通过这个命名空间来访问jQuery UI的所有功能。
要使用jQuery UI的命名空间调用widget函数，首先需要确保已经正确地引入了jQuery和jQuery UI库。然后，可以使用以下代码来调用widget函数：
jQuery.ui.widget("customNamespace.customWidget", {
// 在这里定义自定义widget的选项和方法
});在上面的代码中，我们使用了jQuery.ui.widget()函数来创建一个新的自定义widget。我们可以在这个函数中定义自定义widget的选项和方法。这个自定义widget将被添加到我们指定的命名空间中，例如在这里我们使用了"customNamespace.customWidget"作为自定义widget的命名空间。
通过这种方式，我们可以使用jQuery UI的命名空间来调用widget函数，并创建自定义的交互式UI组件。
相关·内容
我读了很多关于在插件中使用的优点的文章。其中一个被吹捧的功能是jQuery.widget如何为您的小部件创建名称和平。这很有吸引力，因为我可以在jQuery上下文中维护当前的名称空间(自然)。
问题：
我一直得到"$(".myWidget").namespace.newWay不是一个函数“错误。
用于下列元素.
<div class="myWidget"></div>
代码工作：
虽然nice...this不是我想要的achieve...as，但我仍然希望命名空间得到尊重。
var workingVersion = {
浏览 0提问于2012-04-03得票数 1
回答已采纳
可能重复：
有人能解释一下jQuery源文件中使用的以下语法吗？我正在学习jQuery，并试图深入编写一个jquery.ui.widget。
(function ($)
{
... code ...
} (jQuery));
当我使用jQuery时，我想这实际上只是一个JavaScript问题。
谢谢，克雷格
浏览 2提问于2010-06-23得票数 1
回答已采纳
我已经使用创建了一个小的jQuery小部件。它在本地运行良好，但当将代码推送到Heroku时，它就不再工作了。
如果我创建一个小的测试应用程序，如下所示：
(function ($, undefined) {
$.ui.mytest = {
_create: function () {
alert('test');
},
destroy: function () {
// if using jQuery UI 1.8.x
$.Widget.prototype.destroy.call(this);
// if usin
浏览 2提问于2013-01-21得票数 0
我创建了两个名称相同但命名空间不同的自定义JQuery UI小部件，如下所示:第一个小部件：
$.widget('finance.dialog',{....}); // this was created in the file jquery.finance.dialog.js
第二个小部件：
$.widget('hr.dialog',{.....}); // this was created in the file jquery.hr.dialog.js
除了这两个之外，JQuery UI在名称空间ui中还有自己的对话框小部件(ui.dialog)。
我的问题是
浏览 0提问于2011-10-12得票数 20
回答已采纳
1回答
我对扩展jqueryUI的对话框小部件的行为很感兴趣。在过去，我已经覆盖了这样的函数：
//Custom dragging
$.ui.dialog.prototype._makeDraggable = function () {}
但我认为我应该改为使用小部件工厂来创建一个新的小部件，而不是从对话框继承。
我相信代码应该是这样的：
(function($, undefined) {
$.widget('cs.dialog', $.ui.dialog, {
// definition of the widget goes here
});
}(jQuery));
浏览 3提问于2011-10-08得票数 2
回答已采纳
1回答
我正在为我的web应用程序使用jQuery UI自动完成插件。
对于我现有的行，它工作得很好，但是对于我动态添加的行，它就不太有效了。
这是我的jquery代码。
$(function ()
{
var tab = $("#tabs-6");
tab.find("input[name='newContactName']").autocomplete(
{
source: function(request, response) {
var cachedRequest = $(this).data(&#
浏览 0提问于2010-08-28得票数 1
回答已采纳
几天来，我一直在到处寻找这个问题的答案，虽然我已经找到了问题的大部分答案，但仍然有一段代码无法像添加AJAX调用之前那样工作。
一些背景知识:我正在创建一个web应用程序来作为RPG字符生成器。首先发生的事情之一是，我创建了jQuery UI微调窗口小部件来调整stat分数。在stop事件上，我的代码运行一个函数，该函数根据开关情况检查当前数字，以设置初始池中添加或减去多少点的值(任何知道这些事情的人都可以使用Point-Buy系统)：
function calcPtsLeft() {
var ptssum = new Number();
var ptsmax
浏览 1提问于2013-10-18得票数 3
回答已采纳
3回答
我做了一些调试，发现了以下语句：
$(this)[widget.widgetName](widget.attributes);
其中widget.widgetName =图表
这句话在jquery中的意思是什么？
在堆栈中，我看到jquery_ui调用jquery-ui的_createwidget
为什么调用createwidget？
问候你，Yossi
浏览 0提问于2012-05-09得票数 1
回答已采纳
1回答
因此，为了练习Javascript，我编写了这个轻量级小部件工厂，它的功能与jQuery的UI widget工厂类似(好的，这有点牵强)。我希望我能得到一些关于成语用法的提示，也希望下面的代码有什么明显的问题。
var _CreateWidget = function(namespace, implementation) {
_Widget = {
_create: function() {},
_destroy: function() {},
_set: function() {},
_get: function() {
浏览 0提问于2013-04-30得票数 0
回答已采纳
1回答
当我使用WRL创建一个winrt组件时，问题是我只能使用ABI::Windows::xxx命名空间，而不能在WRL中使用Windows::UI::Xaml::Media::Imaging命名空间。
那么，如何创建一个内置winrt组件作为返回值呢？
// idl
import "inspectable.idl";
import "Windows.Foundation.idl";
import "Windows.UI.Xaml.Media.Imaging.idl";
namespace Decoder
{
interface IPhoto
浏览 4提问于2012-10-02得票数 2
回答已采纳
这是我在尝试使用datepicker小部件时得到的错误：*没有方法
<script type="text/javascript" language="javascript">
$(function () {
$("#from").datepicker({
....
}
});
$("#to").datepicker({
....
}
})
浏览 0提问于2013-04-29得票数 5
回答已采纳
我有几个模态对话框在我的页面，并将有更多。我计划使用模态对话框为他们所有，并让他们接近重叠点击。我不想在我实例化对话框的每一个地方绑定覆盖单击事件，所以我想扩展对话框原型或类似的东西，使它为所有模态对话框绑定单击事件。
假设我有以下对话框构造函数：
$('#dialog').dialog({
modal: true,
open: function()
{
$(this).find('input[type=text]').focus();
}
});
我尝试过在对话框实例化之前将这段代码：
$.extend(
浏览 3提问于2013-10-30得票数 1
回答已采纳
2回答
我有一些表单，我想在元素中添加类。下面是一个示例：
<form ... id="test1"> </form>
<form ... id="test2"> </form>
我发现了以下内容，但我不理解前几行的语法
(function ($) {
$.widget("ui.format", {
_init: function () {
var self = this; //the plugin object
var o =
浏览 2提问于2012-02-03得票数 0
回答已采纳
摘要：
使用jQuery UI对话框和动态创建的iFrame，可以从.dialog中定义的一个按钮调用iFrame内的函数吗？
详细信息：
我刚刚开始使用jQuery和jQuery UI，我正在尝试将现有的应用程序转换为使用.dialog功能。
“内联弹出窗口”的很好，但是jQuery不能和它共存，因为它们都使用$()方法。我知道你可以在，但我认为它更容易转移到jQuery锁定股票和桶，而不是让他们共存。
上一个插件的优点是能够将弹出的内容指定为页面上的现有<div>、直接的HTML代码或(最重要的是对我来说)另一个页面的URL。
得到了最后的能力，这是我现在拥有的.
$(docu
浏览 1提问于2014-01-28得票数 2
回答已采纳
在jQuery.ui.widget，小部件工厂，如果最终widget.bridge用小部件污染了jQuery.fn，而不考虑名称空间，那么什么是好的名称空间呢？
示例小部件：$.widget( 'mynamespace.mywidget', { ... } );
将在$.mynamespace.mywidget中创建一个新的原型-到目前为止还不错。
但是，如果我用一个名称空间定义小部件，我真的希望也使用$('...').mynamespace.mywidget()这样的名称空间，而不仅仅是$('...').mywidget()。为什么默认情况下不
浏览 0提问于2012-11-08得票数 0
1回答
我有两个名称空间，每个名称空间都有一个名为f的函数模板。
// f() and Widget
namespace A {
struct Widget { };
template <typename T>
void func(const T&) { }
}
// f() and caller()
namespace B {
template <typename T>
void func(const T&) { }
template <typename T>
void caller(const T& t)
浏览 1提问于2018-01-05得票数 1
1回答
我刚开始使用Karma，我正在尝试为控制器编写一个非常简单的单元测试。我使用的是角ui路由器，每当我尝试运行测试时，它都会说：
Error: [$injector:modulerr] Failed to instantiate module calendar due to:
Error: [$injector:modulerr] Failed to instantiate module common due to:
Error: [$injector:unpr] Unknown provider: $stateProvider
我的main-test.js
(function (window,
浏览 3提问于2014-01-19得票数 0
回答已采纳
我正在尝试用Blackberry做一个xml解析器。但我遇到了一个奇怪的问题。
import org.w3c.dom.DOMException;
import org.w3c.dom.Document;
import org.w3c.dom.Element;
import net.rim.device.api.ui.UiApplication;
import net.rim.device.api.ui.component.*;
import net.rim.device.api.ui.container.MainScreen;
import net.rim.device.api.xml.pa
浏览 0提问于2011-10-07得票数 0
回答已采纳
下面是完全相同的代码片段，但其中一个处于严格模式，另一个则不是。
在这里，它起作用：
( function ( $ ) {
$.widget( 'ui.myWidget', $.ui.dialog, {
// Here this is defined and successfully overwritten.
options: $.extend( this.options, {
someProperty: 'someValue'
} ),
_init: functi
浏览 0提问于2014-04-12得票数 3
回答已采纳
1回答
我的目标是模拟runProcedure函数并检查它是否在用户单击后被调用。但是，测试仍然失败，尽管可以清楚地看到，一旦用户单击页面，如果miniWindowShowing变量是false，则会调用该false函数，这是页面加载时的情况。有人能解释如何使用QUnit和sinon来实现这个目标吗？下面是我正在使用的代码。
QUnit HTML页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Function Testing</titl
浏览 0提问于2013-08-13得票数 0
回答已采纳
我正在构建一个jQuery用户界面网站。我可以看到添加小部件或对话框是多么容易，我也看到了使用主题化api设置元素样式是可能的：
那么我该如何样式化像普通文本或者html头1-3或者html表这样的东西呢？
我想使用jQuery UI中的类和样式，这样当我改变主题时，一切都会配合在一起并发生变化。
我曾尝试将ui-widget-content或ui-widget-header应用于div或h1、h2，但也许有更好的方法，或者有更深入的教程。
浏览 0提问于2010-11-26得票数 1
回答已采纳
我需要在具有自动完成功能的inputtext中输入文本，然后选择对象簿。
我有jquery自动完成：
但我不知道如何传递${estrategia.Book.list()}
这是我的选择，它有以下列表：
<g:select id="estudiante" name="estudiante.id"
from="${estrategia.Book.list()}" optionKey="id" required=""
value="${bookInstance?.id}" class
浏览 4提问于2014-04-02得票数 1
回答已采纳
2回答
我对javaScript和所有这些东西完全陌生。我需要实现自动完成，所以我从简单的示例开始。在这里，代码：
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Autocomplete</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.cs
浏览 3提问于2013-08-04得票数 1
回答已采纳
我很难通过java素面生成直方图，我有这个xhtml文件。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xml
浏览 3提问于2014-04-15得票数 0
回答已采纳
我有一个带有@UiConstrutor注释的组件：
@UiConstructor
public SearchWidget(Widget filterWidget, Widget resultWidget) {
...
}
在ui.xml中，我必须编写如下内容：
<SearchWidget filterWidget="" resultWidget=""/>
问题是，我希望能够在ui.xml中构建一个复杂的小部件，并在<SearchWidget>标记中使用，如下所示：
<with field="filterWidget
浏览 4提问于2013-08-05得票数 0
回答已采纳
1回答
有不同的UI jQuery组件可用。如果我正在使用一个特定的jQuery主题，并且我想要定制任何UI组件的css (例如，jQuery选项卡)
我的问题是如何在不影响其他组件的情况下自定义jQuery标签页的css？
我面临的问题是，如果我自定义选项卡css，我的css更改会部分影响其他组件。
浏览 0提问于2010-01-18得票数 3
我正在尝试使用Google自动完成小部件，但我在Google中得到了以下错误：
未定义的TypeError:未定义的函数不是jquery-ui.min.js:7
e.widget.refresh jquery-ui.min.js:7
(匿名函数) jquery-ui.min.js:6
e.widget._create jquery-ui.min.js:6
(匿名函数) jquery-ui.min.js:6
e.Widget._createWidget jquery-ui.min.js:6
(匿名函数) jquery-ui.min.js:6
(匿名函数) jquery-ui.min.js:6
浏览 2提问于2014-07-17得票数 0
7回答
以下jQuery片段的最终结果是否相同？
片段1:
$(function() { alert('test!'); });
代码片段2:
$(document).ready(function() { alert('test!'); });
换句话说，$(function(){})仅仅是$(document).ready(function() { });的缩写吗？
我之所以问这个问题，是因为我们看到了一个使用jQuery和jQuery UI构建的小应用程序存在一些奇怪的问题。偶尔，当通过单击按钮执行表单提交操作时，浏览器窗口只会冻结。在执行一些操作之前，我们仍然可以
浏览 9提问于2011-04-22得票数 17
回答已采纳
当在选项卡中添加动态无线电复选框时，我有一个问题。如果我将复选框添加到选项卡之外，它将正确生成。如果我在Tab中添加，“蜱”就会变成^图标。
<input type="submit" value="Add" class="submit1" name="btnGo" id="btnGo" />
<div id="z" style="margin: 0px auto; width:800px; height:30px;"></div>
<di
浏览 0提问于2017-04-06得票数 0
回答已采纳
2回答
编辑：
jQuery UI可选择小部件内置了一个回调，stop，我需要知道如何以编程方式触发这个事件。
(措辞很差)--我在jQuery UI 中附加了一个事件侦听器。如何以编程方式触发stop事件？
可选择的：
$("table").selectable({
filter: "tr",
stop: function(){
//do stuff
}
});
// Various attempts at triggering the stop event
// one
$("table .ui-selected").cli
浏览 0提问于2011-04-04得票数 1
回答已采纳
3回答
我正在阅读有关使用jquery ui小部件工厂创建插件的初学者文档。它采用一个命名的空格名称：
$.widget( 'dp.list', {
我的问题是。你必须要有一个名字空间吗？对于我的插件应该属于哪种名称空间，是否有约定(存储桶)？有什么清单吗?或者我可以随便编些我想要的东西吗？
浏览 0提问于2012-03-24得票数 3
1回答
我使用django-引导程序-datepicker-plus包，并且在日期更改时试图显示警报。但是，jquery似乎没有检测到日期的任何更改。
按照这个问题，只在我将JQuery UI CDN添加到代码中时才能工作，这会导致出现两个数据筛选器时出现问题。是否有一种方法可以让JQuery在不添加JQuery UI代码的情况下，检测django- code datepicker中的更改？
forms.py
from django import forms
from bootstrap_datepicker_plus.widgets import DatePickerInput
class Ex
浏览 4提问于2022-10-19得票数 5
回答已采纳
4回答
我见过几个与此相关的问题，但没有一个问题提供了明确的答案。
在这个JavaScript中：
function global_function() {
a_jquery_function();
}
$(function () {
var a_jquery_function = function () {
do_something();
};
});
我可以做一些事情，以便全局函数可以调用jQuery函数吗？显然，它不能像我在那里那样做，但我想知道它是否可以使用jQuery.fn或使用自定义事件。例如：
function global_function()
浏览 7提问于2013-12-18得票数 4
回答已采纳
如何找出页面上哪些元素正在侦听jQuery事件？
我正在尝试编写一个脚本来移动站点上的磁贴：。我试图为箭头键发送一个按键事件，但没有起作用：
$('*').trigger(jQuery.Event('keypress',{which:$.ui.keyCode.UP}));
和：
var e=jQuery.Event('keypress');
e.which=39;
$('*').trigger(e);
当键盘上的箭头键被按下时，瓷砖就会移动，我应该把这个按键发送给所有的元素，但是当在控制台中执行这个操作时，控制板不会做出反应。我认
浏览 1提问于2014-06-09得票数 0
当我尝试调用我的小部件时，我得到了错误
Uncaught TypeError: Object [object Object] has no method 'koSpreadSheet'
我的插件
(function ($) {
//Create spreadsheet app
$.widget('koSpreadSheet', {
//Default values for options
options: {
},
//Call Constructor
_cr
浏览 16提问于2013-04-26得票数 2
回答已采纳
我使用class来设置元素的可拖放属性(UL、LI或DIV)。因此，当我在设计时创建元素时，我可以根据需要进行拖放。但是当我动态创建一个元素时(一个带有id='ontheflyDiv‘的div )不能像droppable那样工作。
提前谢谢。
<html xmlns="">
<head>
<title></title>
<link rel="stylesheet" href="/Styles/themes/base/jquery.ui.all.css">
浏览 2提问于2011-08-16得票数 3
回答已采纳
jquery:如何触发click.ui-foo事件？
<div class="ui-foo"> </div>
<div id="foo-trigger"> </div>
$("#foo-trigger").on("click.ui-foo", function() { alert("clicked"); });
事件是如何触发的？点击div“foo-触发器”，什么都没发生。为什么不直接使用事件“点击”呢？有什么关系？
浏览 1提问于2022-06-08得票数 0
问题是：
我从一个工作中得到的代码中得到了一个javascript错误，我不知道问题是从哪里来的。我试图了解jquery拖动事件是如何工作的。测试将根据项目放置的位置触发可拖动项的结果。
这是工作的js小提琴。
我要做一些不同的事情，但它会对我的目的起作用。我需要立即触发事件，比如为被删除的元素分配ids和名称等。我还需要它来创建另一个元素，以防用户需要多个项目，但是目前我只是想了解我的错误来自哪里，以及我不了解什么。
堆栈跟踪：
Uncaught TypeError: Cannot read property 'snapElements' of undefined
$.dr
浏览 2提问于2015-08-11得票数 0
回答已采纳
我想在页面刷新后保留选定的值，我使用的是jquery UI可选
下面是jquery selectable的代码示例
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Selectable - Default
浏览 0提问于2017-09-10得票数 0
我试图让另一个页面调用一个页面上的div，我以前已经多次这样做过，没有问题，但它只是拒绝工作的这一次。
有人能看到为什么它没有加载到我的div中吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Test page</title>
<script src="js/jquery.min.js"
type="text/javascript"></script>
浏览 1提问于2012-02-13得票数 0
回答已采纳
2回答
jQuery可选自定义
、、、、
我有一个可选择的jQuery，如下所示。它实际上是一个有序列表。有序列表驻留在名为myBorderDiv的div中。
当我按下control并将鼠标放在这些项目上时，所有这些项目都会产生不想要的效果(在IE8中)，如下图所示。如何克服这一点？
<html xmlns="http://www.w3.org/1999/xhtml">
<title></title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jq
浏览 0提问于2012-02-09得票数 2
回答已采纳
2回答
我的angular-cli.json有以下内容：
...
"scripts": [
...
"../node_modules/jquery-ui/ui/widget.js",
"../node_modules/jquery-ui/ui/widgets/datepicker.js",
"../node_modules/jquery-ui-timepicker-addon/dist/jquery-ui-timepicker-addon.js",
...
],
...
在，我得到了Uncaugh
浏览 4提问于2016-10-10得票数 8
回答已采纳
我试着使用这两种开关，如果没有，但我无法使它正常工作。我不想重复这么多次。
$('div.ui-widget-content').on("click", ".date-edit", function () {
var dateInput = jQuery(this).html("");
$(".pop-up-box-date").dialog(dateInput);
});
$('div.ui-widget-c
浏览 3提问于2015-08-21得票数 4
回答已采纳
使用jQuery UI小部件工厂模式创建小部件后，是否存在对小部件本身的全局引用？
我尝试过将小部件变量设置为与小部件相等的操作：
$.widget("my.widget", {
_widget: this,
_create: function () {
// _widget should == the whole widget
}
});
我还尝试通过jQuery获取小部件的上下文，如下所示：
$.widget("my.widget")
我不明白在小部件内部，您应该如何回调小部件。
浏览 0提问于2012-02-17得票数 2
回答已采纳
当将.ui文件转换为使用: pyuic5 code.ui -o code.py的.py文件时，在JetBrains PyCharm Community中运行.py文件时，GUI窗口将更改Qt中预览的内容，并剪辑出所附图像中按钮的文本。
我在第41行中包括了：self.pushButton.adjustSize()，但是它似乎没有帮助。
我已经附上了转换的代码和屏幕截图的问题。我目前正在运行Windows 10。
有人知道如何避免这种情况吗？
py文件：
# -*- coding: utf-8 -*-
# Form implementation generated from reading u
浏览 5提问于2020-01-21得票数 0
回答已采纳
单击href时弹出警报的JQuery代码：
我的Joomla3.2安装没有工作：
有人能帮我弄清楚为什么吗？
下面是Jfiddle HTML代码：
<div id="stepbystep" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li
浏览 1提问于2014-07-28得票数 0
回答已采纳
我有我自己的样式表单，我想使用jQuery UI的.dialog()来显示它与覆盖，并作为一个模式对话框。问题是，jQuery强制执行它自己的类和样式，例如：
ui-dialog ui-widget ui-widget-content
有没有简单的方法让我告诉jQuery不要使用自己的css ?？
谢谢!
浏览 6提问于2011-02-28得票数 2
回答已采纳
2回答
我在一个大型网站工作，其中有2个冲突的jquery插件包括做autocmplete。
1) jquery.autocomplete.js (不是jquery ui的一部分)：
$.fn.extend({
autocomplete: function ...
2) jquery.ui.autocomplete.js (来自最新的jquery ui库)，它也使用autocomplete关键字。
$.widget( "ui.autocomplete", { ...
是否有办法指定我在调用时只使用第二个jquery.ui小部件
$( "#tags" ).
浏览 0提问于2012-08-10得票数 7
回答已采纳
3回答
我已经实现了jQuery滑块功能，它不是填充滑块的默认灰色背景，因为我滑动它。在对滑块进行firebug处理之后，我发现在我的实现中缺少了下面的HTML片段。请注意，该比较是与jQuery站点上的jQuery示例进行的。
<div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 0%;"></div>
下面是实现滑块的上下文。
Javascript
$("#slider-range-min")
浏览 7提问于2014-04-04得票数 0
回答已采纳
2回答
要求和填充程序的配置
、、、
我有这样的配置：
require.config({
paths: {
jquery: '../libs/jquery/dist/jquery',
uicore: '../libs/jquery-ui/ui/jquery.ui.core',
uiwidget: '../libs/jquery-ui/ui/jquery.ui.widget',
uidialog: '../libs/jquery-ui/ui/jquery.ui.dialog'
},
浏览 2提问于2014-03-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
