Tag: 按钮

使用Jquery触发CSS动画

我有一个CSS动画,我想点击按钮触发它,然后链接到另一个页面。 是否还有一种方法可以在页面加载后立即播放动画? 提前致谢! Untitled Document $(document).ready(function(){ $(“.main-btn”).mouseup(function(){ $(“.wrapper”).reload(); }); }); click @charset “UTF-8”; .main-btn { opcacity:1.0; position:absolute; width:172px; height:172px; } .main-btn:hover { opacity:0.7; } .btn-txt { width:100%; height:100%; z-index:-100; text-align:center; position:absolute; margin-left:-10px; top:11%; font-family:Arial; text-transform:uppercase; color:#FFF; font-size:2.5em; } .wrapper { width: 172px; /* Set the size of the progress bar */ height: 172px; position: absolute;/* […]

Jquery移动超链接按钮动画未触发

我有两个JQM按钮: Clear a Clear b 我正在点击事件(超链接/按钮“clearA”),如下所示: $(“#clearA”).click(function (e) { e.stopImmediatePropagation(); e.preventDefault(); console.log(“Me? I got clicked”); }); 当我点击“clearA”时,事件被触发,但按钮没有显示其按下的动画/状态。 如果我点击非连线按钮“clearB”,按钮会动画。 为什么不按钮“clearA”动画? 更新我正在使用JQM 1.1.0

按钮点击后更改图像链接

我在我的博客中使用Bing图像搜索API。 我的要求的回应: stdClass Object ( [d] => stdClass Object ( [results] => Array ( [0] => stdClass Object ( [__metadata] => stdClass Object ( [uri] => https://api.datamarket.azure.com/Data.ashx/Bing/Search/Image?Query=’Kitchen’&Market=’en-us’&$skip=0&$top=1 [type] => ImageResult ) [ID] => a40b8c85-8a6b-45a8-bce2-c07b16a942e6 [Title] => Our Kitchen Remodel is Complete!!! @ A Well Dressed Home [MediaUrl] => http://awelldressedhome.com/wp-content/uploads/2010/10/Kitchen-31.jpg [SourceUrl] => http://awelldressedhome.com/496-our-kitchen-remodel-is-complete/ [DisplayUrl] => awelldressedhome.com/496-our-kitchen-remodel-is-complete […]

将一些javascript变量添加到输入的VALUE属性中

有一些js动画点可以作为文本正常工作, var dots = 0; $(document).ready(function() { setInterval (type, 600); }); function type() { if(dots < 3) { $('#dots').append('.'); dots++; } else { $('#dots').html(''); dots = 0; } } 但不能在输入按钮的VALUE属性中使用它(在“处理”之后)。 如何以正确的方式插入? http://jsfiddle.net/te58dadw/2/

Jqgrid自定义按钮发送POST数据

我使用thos代码: jQuery(“#rowed2”).jqGrid({ url:’server.php?q=3′, datatype: “json”, colNames:[‘Acc’,’Id’,’Ciudad’, ‘Corporacion’,’Radicado’,’Ultima Actuacion’,’Anotaciones’], colModel:[ {name:’act’,index:’act’, width:72, sortable:false}, {name:’id’,index:’id’, width:31}, {name:’ciudadh’,index:’ciudadh’, width:100, editable:true}, {name:’corporacionh’,index:’corporacionh’, width:350, align:”right”,editable:true,fixed:true }, {name:’radicado’,index:’radicado’, width:190, align:”right”,editable:true}, {name:’ultima’,index:’ultima’, width:160,align:”right”,editable:true}, {name:’anotaciones’,index:’anotaciones’, width:200, sortable:false,editable:true} ], rowNum:200, rowList:[10,20,30], imgpath: ‘css’, pager: jQuery(‘#prowed2’), sortname: ‘actionID’, viewrecords: true, sortorder: “desc”, height: “100%”, loadComplete: function(){ $(“tr.jqgrow:odd”).addClass(‘myAltRowClass’); var ids = jQuery(“#rowed2”).getDataIDs(); for(var i=0;i<ids.length;i++){ var cl […]

Jquery – 从使用函数创建的按钮调用函数

这适用于Jquery: $(“.go”).click(function() { $(“#test”).html(“TEST TEST TEST”); }); 但是,如果我尝试从使用以下创建的按钮访问go函数,则会失败。 $(“.new”).click(function() { $.ajax({ url: $(this).attr(“data-value”), success: function(data, textStatus, xhr) { $(‘#DIV’).html(”); } } }); }); 当另一个function点击function完成时,使用此代码。 有什么理由吗? 谢谢

KendoGrid禁用或启用(编辑,添加或删除按钮)库(true或false in)

我想禁用或启用Kendo Grid中的按钮(k-grid-edit,k-grid-add,k-grid-delete)从控制器(viewbag或viewdata)获取值(true或false)。 该值来自动作base usertype中的函数….

带有下一个和上一个按钮的jQuery数组,用于滚动条目

我确定这是一个非常基本的问题但是我对jquery很新,我不知道该怎么做。 我确实通过论坛搜索,我发现了一些有用的信息,但我无法弄清楚如何将它们放在一起。 我正在尝试创建的是一个简单的消息框,您可以使用“下一个”和“上一个”按钮滚动消息,还可以查看您正在查看的消息#。 所以基本上它在设计方面会是这样的: $ message_title …………. $ message_#out of $ total _#_ messages $ MESSAGE_CONTENT [上一页按钮] – [下一页按钮] 一旦到达最后一条消息,您只需重新开始,这样它将再次进入msg_1> msg_2> msg_4> msg_5> msg_6> msg_1,依此类推。 所以我开始使用2个数组,一个用于标题,一个用于消息: var array-title = [ “title 1″,”title 2″,”title 3” ]; var array-message = [ “message 1″,”message 2″,”message 3” ]; 我找到了一种为ID分配新文本的方法 $(document).ready(function(){ $(“#btn1”).click(function(){ $(“#title-div”).text(“title 1”); $(“#message-div”).text(“message 1”); }); }); 我有2个具有这些特定ID的div并且效果很好,但是我不确定如何将我的数组与我的指定文本代码连接起来。 我尝试了类似下面的东西,但它没有完全奏效: […]

使用jqueryhover在按钮上?

在按钮上执行hover事件,如下所示。 Large Smaller Normal JQuery代码是: $(‘#common_id .button’).hover(function () { $(this).addClass(‘hover1’); }, function () { $(this).removeClass(‘hover1’); }); Css是: .hover1 { background-color:Black; position:relative; } 将鼠标放在按钮上时,整个行(从开始到结束)变黑,即使按钮没有变黑,但其背景似乎沿着该行是黑色的。 当我将鼠标hover在它上面时,我希望按钮是黑色的。 为什么不工作? 提前致谢。

使用css和jquery删除输入图标

我试图让这个工作,但事实并非如此。 我删除了我的代码以进行清理,这里是jsfiddle代码 我正在尝试创建删除按钮,删除输入,并重置搜索列表 ———————– | | x | <- remove icon inside the input box ———————– or ———————– ———- | | | All | <- all button outside the input box ———————– ———- 我无法让代码工作,例如重置搜索结果