小编the*_*dox的帖子

9
推荐指数
1
解决办法
6821
查看次数

jQuery侦听所有文本输入更改

我在表单中有一个输入元素,我希望能够在值更改时提取其值.看看这个小提琴:http://jsfiddle.net/spryno724/WaBzW/1/.

通过使用该change事件,我可以在输入失去焦点时显示文本输入中的值.但是,重置表单或JavaScript清除文本输入的值时,值不会更新.

是否有一个我可以监听的特定事件,当对文本输入控件进行任何更改时将调度该事件?

我想避免解决方法,例如在重置表单时监听,或者按下清除按钮时.这是我的应用程序所做的简化示例,如果我尝试完成所有这些操作,它会变得非常快.

感谢您的时间.

html javascript forms jquery events

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

jQuery - 添加单位以抵消

小问题.我div id="comHere"在设计的中间有一个地方.在设计的顶部,我有一个<a href="#comeHere">Click Here</a>.

现在,当我点击href链接时,它会使用此代码滚动到div

scrollTop: $($anchor.attr('href')).offset().top

我的要求是,比如我div的位置偏离600px顶部,当我点击链接时我希望滚动发生600px+100px而不是600px.

这可能使用jQuery吗?

谢谢,开发

jquery offset

8
推荐指数
1
解决办法
7763
查看次数

第二个.click()函数不起作用

第一个.click函数用于在容器中添加元素(div),第二个用于从容器中删除它.容器最初没有元素.通过单击删除该功能不起作用

$(document).ready(function(){
    $(".class1").click(function(){
       //Code for adding element to the container and 
       // removing class1 from it and adding class2

    });

    $(".class2").click(function(){
       alert("hi");   //Even the alert is not displayed
       $(this).fadeOut(100);    
    });
});
Run Code Online (Sandbox Code Playgroud)

但是,如果在页面加载容器之前元素已经存在,则它可以工作.有什么原因吗?是因为document.ready函数?解决方案?

jquery

8
推荐指数
1
解决办法
6249
查看次数

使用JQUERY停止项目的悬停效果

我有一些div元素,每个元素都有hoverCSS应用的效果.但我并不总是想要这种悬停效果; 它应该只在特定条件下激活.

现在,hover当条件满足时,如何使用jQuery 禁用这些效果?禁用的代码是hover什么?我无法访问CSS文件.

css jquery hover

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

jquery动画函数如何在内部工作?

这是小代码

<div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123"
style="position: relative; left: 10px;" />

$('#clickme').click(function() {
$('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
}, 5000, function() {
    // Animation complete.
   });
});
Run Code Online (Sandbox Code Playgroud)

从代码中可以清楚地看到,增加的不透明度将是.25.如何jquery设法这样做... jquery内部执行一个循环来增加左边并改变不透明度,直到它变成.25.需要指导.谢谢

jquery

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

回调没有从jQuery帖子执行

我在执行回调功能时遇到问题.

$.post("/" + contentId + "/postComment", {
    "postComment": ""
}, function(data) {
    alert('call back');
});
Run Code Online (Sandbox Code Playgroud)

这篇文章确实发生了.但是,不会调用警报.

这篇文章导致一些xml返回.我不能告诉它究竟是如何看,因为我使用的是春天的映射application/xml一起@RequestBody,我只是不知道该怎么做春到什么,我回来了.我这样说是为了防止服务器响应的内容以某种方式影响回叫.

问题是:

在我的代码示例中,我需要做些什么来查看该警报?

jquery post callback

6
推荐指数
2
解决办法
7908
查看次数

jquery fadeIn将不透明度保留为0

我有这种奇怪的行为 .fadeIn()

如果我写

$('#MyDiv').show();
Run Code Online (Sandbox Code Playgroud)

div显示很好.

但是,如果我写的话

$('#MyDiv').fadeIn(400);
Run Code Online (Sandbox Code Playgroud)

div显示但不透明0!

以前的行是:

$('#MyDiv').hide()
    .html(TheHTML)
    .css('top', 0);
Run Code Online (Sandbox Code Playgroud)

更新:如果我写$('#MyDiv').show(400);

div也保持不透明0.

jquery fadein

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

javascript [object Object]为字符串

我将从一点背景开始.

所以我要做的是从元素中获取"style"属性,最终的计划是将其输出到文本框(样式是动态的).有了这个,我正在创建一些css前缀,因为我只是在研究计算样式.

有了这个,我有一个带有一堆css属性的变量,如下所示:

compcss = {
                'font-size': fsize,
                'padding': tpadd,

                '-webkit-border-radius': brad,
                '-moz-border-radius': brad,
                '-o-border-radius': brad,
                '-ms-border-radius': brad,
                'border-radius': brad,

                'background': bground,
                'background-m': bgmoz,
                'background-o': bgop,
                'background-i': bgie,
                'color': 'white',
                'text-shadow': '0 -1px 0 rgba(0, 0, 0, 0.25)',
                'text-decoration': 'none',
                'border': '1px solid rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)',

            };
Run Code Online (Sandbox Code Playgroud)

通常fsize,tpadd,brad和bground都充满了

document.defaultView.getComputedStyle(cssStr[0], "")[style]
Run Code Online (Sandbox Code Playgroud)

但对于下面的jsbin,我输入了静态数字.

这将[object Object]在记录或放入文本框时返回,这是预期的.但是,我希望将此对象输出为以下形式的字符串:

font-size: Xpx;
padding: Ypx;
-webkit-border-radius: Zpx;
Run Code Online (Sandbox Code Playgroud)

等等,我尝试过JSON.stringify(compcss),但返回为:

"font-fize":"Xpx","padding":"Ypx","-webkit-border-radius":"Zpx"
Run Code Online (Sandbox Code Playgroud)

一路走下去.

以这种方式输出它的最佳方法是什么?如果有任何需要澄清,请告诉我.有没有更好的方法来解决这个问题?

这里有一个jsbin例如:http://jsbin.com/opiwuy/2/edit

Vanilla Javascript和JQuery都很好.

谢谢!

html javascript jquery json

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

使用Jquery单击时使链接变为粗体

我有两个用于排序的链接.一个由Make和一个由Model(升序和降序两者).

现在我拥有它,所以当你加载页面时,你只能看到Model Descending和Make descending.如果你要点击让我们说Model Descending它会隐藏该链接并显示Model Ascending的链接.

问:我想点击它后,将当前选中的列进行排序.并且一旦选择了另一列,就解压缩并重置为原始链接.

HTML:

<a href='#' id='modelD'>Model D</a>
<a href='#' id='modelA'>Model A</a>
<a href='#' id='makeD' >Make D</a>
<a href='#' id='makeA' >Make A</a>?
Run Code Online (Sandbox Code Playgroud)

JQUERY:

$('#modelA').hide();
$('#makeA').hide();

$('#modelD').click(function(){
    $('#modelD').hide();
    $('#modelA').show();
});

$('#modelA').click(function(){
    $('#modelA').hide();
    $('#modelD').show();  
});

$('#makeD').click(function(){
    $('#makeD').hide();
    $('#makeA').show();

});

$('#makeA').click(function(){
    $('#makeA').hide();
    $('#makeD').show();
});
Run Code Online (Sandbox Code Playgroud)

这是代码的小提琴. http://jsfiddle.net/JKFKC/1/

任何帮助表示赞赏.谢谢.

javascript css jquery

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

标签 统计

jquery ×10

javascript ×4

html ×3

css ×2

callback ×1

events ×1

fadein ×1

forms ×1

hover ×1

json ×1

offset ×1

post ×1