我将尝试在一个旧的经典ASP商店中实现JQuery滑块,在那里滑块将控制价格范围。所以,如果价格在40美元到80美元之间,你可以使用滑块在50美元到60美元之间
有人知道以这种方式将滑块与ASP结合使用的任何示例吗?我猜我将这些值存储在隐藏值中,然后让页面将这些值异步发布回自身
谢谢当然可以,只需使用jQuery滑块:或谷歌提供的任何滑块即可 滑块使您有机会添加最小值、最大值以及步长
尝试下面的代码并在ASP代码中实现它
<!DOCTYPE html>
<html>
我想对jQuery UI进行一些定制:
1) 如果未找到结果,则应在列表中输出“未找到结果”
2) 是否可以在键入结果时突出显示/加粗这些字母?例如,如果我输入“ball”,结果中有“football”,则需要输出为football
3) 顶部显示的结果是否可能与字符串开头匹配。例如,假设我的数据库中有3个条目:
占星家
空间站
明星
我开始输入“st”-这将按顺序显示这3个条目。但我希望“明星”是第一个结果
目前用于生成结果的MySQL查询是:
$query = mysql_query("
我是否将元素附加到面板包装器并调用.button()?如果要使用按钮/图标进行触发,可以使用以下方法:
<script>
$(function() {
$( "#datepicker" ).datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true
});
});
</script>
$(
我注意到css3scale属性对jqueryui,特别是对sortable,做了非常糟糕的事情。问题是,鼠标仍然需要移动,就像没有缩放元素一样。看看这个jsfiddle
有人想过如何解决这个问题吗?可以改变鼠标移动的速度吗?接下来,我将研究html5本机,并尝试编写自己的可排序函数
更新:
Jquery ui draggable可以与CSS3缩放的元素一起工作,这里有一个解决方案。我没有一个解决方案用于处理Jquery ui,但我有一个解决方案用于处理Raphael和其他svg对象
首先,使用c
我想下载JQuery自动完成,但网站似乎运行不正常。上面写着坏网关 您正在寻找。jquery.autocomplete.js是jquery UI框架的一部分。您可以在位于此处的官方网站上下载该库-。您仍然可以从以下网站下载该库
及
令人惊讶的是,你的帖子经常出现在低质量帖子列表中@jjinguy:这里还有什么要说的?我不能说你没有完美地回答这个问题。每次我在列表中看到一颗mod钻石时,我都会感到惊讶。难道不应该保持最新状态,以便寻找问题答案的人不必在两年后再次提问吗?你知道,就像一个问答库,而
我一直在谷歌上搜索,似乎没有得到任何答案:/
我想知道,即使我在主页上向下滚动,如何确保对话框标题“粘贴”到文档顶部
我尝试了顶部和底部的“位置”选项,但没有成功
谢谢你的回答 最后我提出了解决方案:
使用“打开”事件触发window.scrollBy(0,window.innerHeight-dialogHeight)
这将确保首先显示对话框的标题,而不是底部部分。Hi@am5a03您可以将您的解决方案发布为对自己问题的回答,并将其标记为正确答案。这样,当浏览器堆栈溢出时,人们就会知道它已经解
我想在整个页面上显示一个模式对话框,但要在DOM中的某个div上显示。这可能吗?中的示例仅显示如何在整个页面上显示对话框 查看“位置”选项。像这样使用它:
$(".selector").dialog({ position: [350,100] }); // places dialog at x:350, y:100
然后,您可以将x,y排列在目标div上方。您可以使用jQuery的.offset()找到div的位置,然后按照John说的做
安装内部Div:
var bg_div = $("#b
我目前正在使用Jquery datepicker,其中禁用假日和所有周日,每个月的第一个除外。我一直在尝试使用该代码,并找到了如何禁用所有周日和节假日,但我不知道如何启用每个月的第一个周日
当前我的代码如下所示:
<script type="text/javascript">
(function(){
var natDays = [[12, 24],[12, 25], [1,1], [12, 31]];
var day
我想动态创建一个“mouseover”弹出div,就像我们在Stackoverflow(鼠标悬停在标签上)/Google+(鼠标悬停在朋友图像上)中得到的一样
目前,我能够从AJAX中获取文本,但我无法将其置于“吸引人的酷”外观中
在JQuery中有没有其他方法可以做到这一点?您可以使用该方法创建很酷的自定义动画
要获得更广泛使用的效果,请查看以下jQuery选项列表我知道这不是提供帮助的正确方法,但我为您编写了一些代码:
它不是完美的——我建议阅读jQuery和方法以及它们之间的差异
如果你
我正在实现拖放,用户可以拖放几个图像并将它们放到一个div中,当用户单击按钮时,我会动态地向每个图像添加一个p标记作为标签
目前我遇到的问题是,当我有两个图像,这是非常接近对方(一个是在另一个上面)。顶部图像附加的p标记将被底部图像隐藏。我尝试为每个删除的图像提醒z索引,发现它是“自动”的。我想我需要为每个div分配一个新的z索引,但我尝试了在函数中添加标签,结果它无法正常工作:
function generateLabel() {
var current = 5000;
我正试图在一个网站上为两种不同类型的手风琴设置风格。如何更改其中一个的页眉大小,而不更改另一个
我试过了
<div class="big-accordion">
<h3 style="height:40px;"><a href="#">from your computer</a></h3>
<div>
...
但对于较小的高度,它看起来并不好——文本往往会超出标题的底部
有什么建议可以更干净地执行此操作吗?在css中
我的日历只允许选择周二和周四。
我希望输入字段中的默认日期是下一个可用日期。例如,如果我在星期三打开页面,我希望星期四的日期由defautl输入。
现在我有“今天的日期”。如何更改代码以选择下一个可用日期
$(function() {
$( "#datepicker" ).datepicker({
showOn: "button",
buttonImage: "/b/i/Calendar.gif",
buttonImageOnly: true,
numberOfM
我像这样使用.data传递调用对话框的文本框的id
$("#<%=txtDirProprio.ClientID%>").focus(function()
{
$("#<%=dialog.ClientID%>").dialog( "open" ).data("id","#<%=txtDirProprio.ClientID%>");
return false;
});
$("#<%=dialog.ClientID%&
标签: Jquery Ui
cross-browserjquery-ui-sortablejquery-ui-slider
我有一个jQueryUI滑块,它被包装在一个可排序的li中。html如下所示:
<ul class="sortable">
<li><div class="slider"></div></li>
<li><div class="slider"></div></li>
</ul>
在IE8中,当我拖动滑块时,li也会被拖动。
但我和FF,一切都在预料之中
标签: Jquery Ui
jquery-ui-draggablejquery-ui-resizable
我使用下面的代码来拖动和调整图像的大小
<!DOCTYPE html>
<html>
<head lang="en">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="ht
我想知道,是我的浏览器还是我的脚本造成的
Error in event handler for 'undefined': TypeError: Cannot read property 'combi' of undefined
at Object.bind (chrome-extension://libokbfffpaopdjmeofdfpmlanaenaje/js/lib/jquery.hotkeys-0.7.9.min.js:6:8)
at chrome-extension:
编辑:我刚刚制作了一个JSFIDLE来演示这个问题:
我有一个使用jQueryUIDatePicker的web工具。几周来它一直工作顺利,但今天突然停止了工作。无论我在日历上选择哪一天/月/年,当我选择一天并调用alertcurrentTime.getMonth时;它返回'7'。它返回的日期/年份刚刚好
我开始单独测试datepicker,制作了一个非常简单的页面:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtm
今天早上我在jQuery draggable上遇到了一个奇怪的问题,我想知道是否有其他人遇到过这个问题
我在一个大div中有许多小div。它们在CSS中绝对定位:“position:absolute”用于它们的类,实际位置本身在JS中根据需要计算和设置
现在我添加了允许这些div可拖动的功能
但是,一旦我制作了一个可拖动的,它就会直接在元素上给出“position:relative”,正如您所想象的,这会严重扰乱屏幕上的位置
有人知道它为什么会这样改变“位置”吗?或者如何告诉它不要这样做
编辑:
我使用的是jquery_ui选项卡,我的选项卡如下所示:
<div id="mytabs">
<ul>
<li class="tab-one"><a href="#onepane">apples</a></li>
<li class="tab-two"><a href="#twopane">berries</a></li>
<li class=
我有宽度4096px的图像,我的屏幕宽度是960px。我必须创建连续的水运动。为此,我使用32幅图像的精灵,我的代码如下
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Lets learn grammer</title>
<script language="javascript" type="text/
我已经使用JQuery UI实现了拖放功能-我当前的代码如下所示:
My JavaScript函数从PHP接收JSON数组,然后使用循环创建可拖动元素:
<script type="text/javascript">
function init() {
var items = <?php echo $result_j;?>; //items is an one dimensional array
for ( var i=0; i&
我已经设置了一些div为“可拖放”,其他一些div(放置在可拖放div内)为“可拖放”
这是我的密码:
<script>
function handleDrop (event, ui) {
var myDiv = document.getElementById("messages");
var theDrop = $(this);
var theDrag = ui.draggable;
myDiv.innerHTML = myDiv.innerHTML +
我使用具有动态高度的jqueryui对话框。当它打开时,它居中,但当它加载内容时,它向页面底部扩展
以下是我的功能:
$(this.document).ready(function () {
$(".openDialog").live("click", function (e) {
e.preventDefault();
$("<div></div>")
.addClass("dialog"
我正在使用jQueryUISelectMenu插件(https://github.com/fnagel/jquery-ui)它允许的一件事是它呈现列表项的方式的“格式”。描述如下
格式:null,接受具有单个参数的函数,该参数可以为
操纵并返回任意级别的操纵
所以我的问题是-我怎样才能返回一个敲除模板作为一个函数,这样我就可以使用该模板作为这个函数的渲染源呢
这里有一把小提琴,你也可以玩,但我也包括一些代码
这就是我的viewModel的基本外观
$(document).ready(functi
我一直在追踪一个javascript应用程序的性能问题(在IE中,更糟的是),我能够追踪到jQueryUI按钮特性。我已经创建了一个显示该问题的文档。问题分为三个部分:
首先,按钮的生成速度非常慢。在IE8下,该页面在5秒多的时间内生成800个按钮,而当我禁用按钮功能时,大约需要700毫秒。更糟糕的是,每次创建/删除周期都会变得越来越慢。相比之下,在Chrome中,使用按钮功能只需不到一秒钟(约600毫秒),而不使用按钮功能则需要50毫秒。这两款浏览器的速度都降低了10倍
其次,删除/销毁所有这
我有一个代码片段,其中我将数据传递给另一个jsp文件
Javascript
$(document).ready(function() {
$("#click").click(function() {
name = $("#name").val();
age = $("#age").val();
$.ajax({
type : "POST",
url : "pageTwo.jsp",
我使用jQueryUI组织div并将更改保存回服务器
为此,我阅读了直接涉及的两个部门的一些信息,并通过ajax在另一个页面中的post发送它们
因此,我有一个代码,在拖动dom更新后,读取移动的div和其后的div的attr“pos”。
如果第一个的attr“pos”是第二个的>,则会触发此脚本
if (ui.item.attr('pos') > ui.item.next().attr('pos'))
{
$.ajax({
我在一个容器div中有4个div。我希望能够垂直拖动四个div的内容,但也能够水平拖动所有四个div的容器。类似于下面的内容
或者如图所示:
问题是,当您在前两个div中单击时,可以上下拖动前两个div,当您在右两个空div中单击时,可以左右拖动整个批次,但当您在前两个div中单击时,无法水平移动整个批次,因为jquery认为您正试图控制内容的上下移动
有没有办法使用draggable来实现这一点
PS一些代码来取悦堆栈溢出提交系统,但是pic或JSF更好地说明了我的意思
$(function
基于问题的样式用于使jqgrid顶级工具栏按钮更大:
.ui-jqgrid .ui-jqgrid-toppager { height:35px !important; }
.ui-jqgrid .ui-pg-button { height:30px !important; width:30px !important;}
.ui-jqgrid .ui-jqgrid-toppager .ui-icon { position:relative; margin: 0px 10px;}
.ui-jq
简而言之,我的问题是,在coffeescript实现的jQueryUI处理程序中,我无法创建和显示引导模式。如果我尝试使用引导文档中的标准按钮方法来显示模式,它就可以正常工作。编辑3:这在使用资产管道的RubyonRails3.2应用程序中
<a href="#my-modal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
或
我得到这个错误:
Uncaught TypeErro
我正在使用jQueryUI自动完成。我需要它匹配,所以我将其设置为:
$('#MyAutoComplete').autocomplete({
source: result,
minLength: 1,
change: function (event, ui) {
if (!ui.item) {
$('#MyAutoComplete').val('');
}
}
});
不必担心结果,因为该字段已填充并按预期
我有一个td,我不想有标题属性。
在该td中有一些显示内容和输入type=“hidden”
我想使用jquery ui工具提示来显示隐藏输入项的值
一切都是动态的,所以我希望使用工具提示“打开”方法来覆盖工具提示内容
有什么建议吗?我一直没能得到任何工作。该事件将触发,但如果我能看到如何动态更新工具提示内容,我会大吃一惊 请创建一个jfiddle,这样我们就可以帮助您:嗯,里面有什么吗?是的,将您的html放在html部分,将您的javascript放在javascript部分,将您的css(如
我将Wijmo网格与Knockout一起使用,我想首先创建一个没有列的空网格,并动态更改网格的列和它的选项
也就是说,实际上在运行时完全更新de列
此外,从示例中可以看出,只有一些Wijmo网格选项是可见的
我想知道列是否也可以是可观察的,哪些网格选项可以/不能是。目前,Wijgrid的列选项不能绑定到KO中的可观察对象。可以绑定到KO的唯一选项是“数据”和“禁用”选项()
您可以将此功能作为增强请求发布在我们的UserVoice页面上
()以便其他用户也可以投票,并且可以优先实施。目前,Wij
这是我的整个脑袋:
<head>
<title>Experimentation</title>
<link type="text/css" rel="stylesheet" href="stylingExp.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js">
</script>
是否允许在页面上有多个弹出窗口?我不是说同时打开,而是一组不同的输入?我可以让一个工作,但第二个不行。它们都是以相同的方式实例化的,除了第二个id有my-dialog2,指向不同的DIV。如果我从CSS中删除display:none,第二个DIV会呈现良好的效果,因此不是格式错误的标记导致了问题。我想这可能与销毁()有关。每次弹出窗口关闭时我都应该销毁它们吗
function popupEditor() {
var popup$ = $("my-dialog");
//popup
我正在尝试将一个可拖动的元素移出容器
我正在使用默认的可拖动代码:
$("#drag ul li").draggable();
无法将元素拖动到结果块之外。
我尝试了遏制选项,但它仍然不起作用您可以在这个更新的小提琴中看到:
可以将元素拖到其容器外。结果块是fiddle页面本身的一部分,以某种方式与内部框架(或更好的iFrame)一起工作,我想这与您的网站无关。如果您的问题是,如果可以将其拖到fiddle resultbox之外,我必须说:不。将元素拖到iframe内的任何位置都没有问题。当然
我是jQueryUI新手,我正在尝试向jQueryUI中的selectmenu添加一个类。我正在尝试,但它不会来。谁能帮我一下吗
$('#dd1').change(function () {
var input = $(this);;
if (!input.val()) {
input.selectmenu().addClass("test");
}
else{
标签: Jquery Ui
jquery-ui-datepickerhandsontable
我有一个带有handsontable和jquery UI数据采集器组件的页面
它们本身就可以很好地工作。
Jquery UI日期选择器,
可与手机通话,
但是当我把它们放在一起时,
日期选择器不工作(日历中的日期选择器不会弹出)
我在这里发现了类似的问题,
对于使用handsontable作为解决方法的页面,我将在handson表css之后重新加载jquery ui css,效果良好。
因此,我将handsontable.css放在jqueryui.css之前。但还是没有用。有人可以帮忙吗?
我有一个带有可拖动元素的页面,我想将其放入页面的可拖放部分。但是,当我点击可拖动的div时,我实际上想要生成一个克隆,并将其拖动到可拖放的环境中(保留原始的)。本质上,我试图在左手工具箱中创建一系列预制件。当我点击它们将它们拖到绘图中时,我只想生成一个该类型div的克隆。这在JavaScript中可能吗 是的,这是可能的。。这里有一个例子
HTML
<div class="draggable" style="position:absolute;">
<p>Drag
我使用的是一个可拖放的ulli项目,可以将列表项目从一个项目拖放到另一个项目。当项目被删除时,我需要使用jQueryUIDroppableDropEvent来处理它们。这适用于除列表中最后一个LI元素之外的所有项目
我的HTML代码:
<ul class="ui-helper-reset">
<li id="event-start1" class="ui-state-default">
List Item 1
</li>
<li
当我激活jQuery UI时,我希望有一个默认值,“to”和“from”都是今天的日期,根据下面的代码,我应该如何做
''
$(函数(){
$(“#from”).datepicker({
《秀周刊》:没错,
第一天:1,
默认日期:“+1w”,
变化月:对,
月数:2,
日期格式:“年月日”,
onClose:函数(selectedDate){
$(“#至”).datepicker(“选项”,“minDate”,selectedDate);
}
});
$(“#到”)。日期选择器({
《秀周刊
在我的应用程序中,我同时使用jqueryui和googlematerialdesign。我想加载Google MaterialDesign日期选择器。但是,它们都是相互冲突的。请帮帮我 材料设计也依赖于jQuery..?从外观上看,它甚至不是一个jQuery插件。你能展示一下你是如何初始化它的吗。。?如果可能的话
我使用的是Rails 4。我希望有一个选项卡式界面,因此我认为jQueryUI可以胜任这项任务。但是,我希望当用户单击每个选项卡时,我的局部视图中的内容将呈现在该选项卡(div)中。所以我的标签,在我的“app/views/admin/index.html.erb”文件中,当前显示如下
<div id="tabs">
<ul>
<li><a href="list">Current Objects</a></li>
如何使用jquery ui droppable获得准确的已删除元素
我有两个或更多的元素覆盖
当我删除一个元素时,jquery ui会为每个元素运行“删除”事件,而不仅仅是我删除的元素。好的,我找到了这个解决方案
我添加了悬停的类,当被删除时,我检查我的元素是否有这个类
$(“.droppable”).hover(
函数(){
$(this.addClass('悬停')
},函数(){
$(this.removeClass('悬停')
},
);
$('.droppable').droppabl
我有以下代码:
$('#popupDatepickerWeekly').datepick({
maxDate:'1Y',
mandatory:true,
highlightWeek:true,
onClose: closedDate
});
我的closedDate函数如下所示:
function closedDate(value, date, inst) {
document.signUpForm.repeatUntil.value = value;
}
<
可以为jQuery UI中对话框的显示和隐藏选项指定选项吗
例如,而不是:
$('#dialog').dialog({
show: 'fade'
});
比如:
$('#dialog').dialog({
show: {effect: 'fade', speed: 1000}
});
(当然,上述代码不起作用。)
我真正尝试使用的是效果内部的“complete”方法,或者回调函数,这样我可以在效果完成后选择一些文本
如果有人知道,谢谢。您可以使用:
$("#dialog").dial
我正在rails中创建一个集合,如下所示
<%= collection_select(:company, :business_type_id, @business_type, :id, :name, {:prompt => true},:id=>"companyType") %>
我想为它设置一个默认值。。。有什么想法吗?您可以使用Rails视图帮助器设置默认选项。这是我从
true},:id=>companyType,:selected=>@business\u ty
我在将JQueryUI与salesforce标准元素一起使用时遇到问题。基本上,我希望自动向用户推荐记录名称,而不是用户单击salesforce搜索按钮
<apex:inputField value="{!MyRecord.ChildRecord__c}" id="inpId" required="true/>
<script>
jq$(document.getElementById('{!$Component.inpId}')).autocomplete( {
我是JQuery新手,在我的页面中使用了2个JQuery
对于第一个JQuery,我的脚本如下所示:
<script>
var jq = $.noConflict();
jq(function() {
jq( "#my_tabs" ).tabs({
event: "click" //click
});
});
</script>
var jq=$.noConflict
我有以下结构
<ul id="browser" class="filetree">
<li><span class="folder">Folder 1</span>
<ul>
<li><span class="file">Item 1.1</span></li>
</ul>
1 2 3 4 5 6 ...
下一页 最后一页 共 114 页