Questions tagged «jquery»

jQuery是一个JavaScript库,请考虑添加JavaScript标记。jQuery是一种流行的跨浏览器JavaScript库,它通过最小化浏览器之间的差异来促进文档对象模型(DOM)遍历,事件处理,动画和AJAX交互。标记为jQuery的问题应与jQuery相关,因此问题代码应使用jQuery,并且问题中至少需要与jQuery使用相关的元素。



6
Twitter Bootstrap Carousel插件能否在幻灯片过渡时淡入和淡出
在我正在工作的网站(http://furnitureroadshow.com/)上,我有一个Twitter Bootstrap Carousel插件的非常基本的实现。我只是想知道是否有人扩展了Carousel插件,以便它在幻灯片过渡时渐入渐出? 我在github.com(https://github.com/twitter/bootstrap/issues/2050)上发现了此问题#2050,这似乎暗示着这是不可能的。只是想看看它是否可能或已经完成。


7
jQuery中的$(this)和this之间的区别
使用$(this)与this之间的根本区别是什么 $('.viewComments').click(function(ev){ //returns the desired value alert(this.getAttribute('id')); //Gives an error sayin function is not defined alert($(this).getAttribute('id')); //returns the desired value alert($(this).attr('id')); }); 我原以为“ $(this)”将包含“ this”具有的所有功能以及更多功能。但是,情况似乎并非如此。 那么,$(this)到底是什么?和 为何我在使用时知道哪些功能可用?(我知道我可以通过firebug来获取它们。但是我想知道是否还有其他方法-可能是一些文档)
68 jquery  this 

5
Twitter Bootstrap按钮单击以切换按钮上方的展开/折叠文本部分
我最近遇到了引导程序,并且正在研究扩展英雄示例。我想在页面上添加以下行为: 当单击按钮(即带有选择器'.row .btn'的元素)时,我希望能够在扩展/折叠按钮上方的文本部分之间进行切换。 HTML如下所示: <html> <head> <title>Test Page</title> <!-- Le styles --> <link href="../assets/css/bootstrap.css" rel="stylesheet"> <style type="text/css"> body { padding-top: 60px; padding-bottom: 40px; } </style> <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet"> </head> <body> <div class="navbar navbar-fixed-top"> </div> <div class="container"> <div class="hero-unit"> <h1>Hello, world!</h1> <p>Blah, blah.</p> <p><a class="btn btn-primary btn-large">Learn more »</a></p> </div> <!-- …

3
Bootstrap单选按钮切换问题
我正在尝试以twitter引导方式(http://twitter.github.com/bootstrap/javascript.html#buttons)的形式在单选按钮中打开一些常规按钮。 我遵循了说明,但是当我按下按钮时,控制台中出现以下错误: 未捕获的错误:无法在初始化之前调用按钮上的方法;尝试调用方法“ toggle”。 你知道是什么原因造成的吗?这些按钮已加载到页面中,仅在AJAX显示相应内容时才可见。 谢谢!

7
如何在AJAX驱动页面上添加Facebook“赞”按钮
我已经拖网和堆栈溢出,但找不到这个问题的适当答案。在开始尝试寻找自己的解决方案的尝试和错误过程之前,我认为我应该转向Stack Overflow机构,以查看是否已经成功实现。 我有一个AJAX驱动的页面,对于非JavaScript浏览器和SEO,该页面可以正常降级。AJAX版本中的每次点击都可以由唯一的URL表示。 我想做的是动态更改按钮的HREF。我确实知道该标记会在运行时转换为标准HTML(即转换为讨厌的表格/ iframe布局)。 我只是想知道是否有人对如何在AJAX驱动的页面上实现类似FB的按钮有任何见解? 提前加油:) 编辑: 您如何看待我刚刚一起尝试过的这种方法?看到有什么大问题吗? <!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"> <head runat="server"> <title></title> <script src="JS/jquery/jquery.js" type="text/javascript"></script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <script language="javascript" type="text/javascript"> $("document").ready ( function () { CreateNewLikeButton("http://www.yahoo.com") $("a#ChangeToGoogle").click ( function (e) { e.preventDefault(); CreateNewLikeButton("http://www.google.ca") } ); } ); function CreateNewLikeButton(url) { …

6
jQuery document.ready与Phonegap deviceready
我正在用jquery制作phonegap应用程序。我很困惑我是否应该换我整个里面的代码jQuery的$(document).ready()像 $(document).ready(function(){ //mycode }); 或在phonegap的deviceready事件中,例如 document.addEventListener("deviceready", function(){ //mycode }); 我目前正在使用,document.ready但是如果尝试访问其中的某些Phonegap API方法,我想可能会遇到问题document.ready。 将代码包装在document.ready或deviceready中是最好的事件?

7
网站的Metro主题
有谁知道使用Windows Phone 7(如Metro主题)为网站设置样式的简单方法? 无论是CSS或jQuery基于主题会工作。
67 jquery  css  themes 

6
触摸设备的文档.click功能
我有一个使用jquery的子导航-用户单击顶层列表项,例如触发下拉菜单的“服务”。通过单击“服务”链接可以切换下拉菜单。我做到了,以便用户可以单击屏幕上的任意位置以将下拉列表切换到关闭状态。但是,由于该站点具有响应能力,因此我希望用户能够在屏幕上的任意位置单击(触摸)以关闭下拉菜单,但是我的问题是它无法在触摸设备上正常工作。 我的文档单击代码设置为: $(document).click(function(event) { if ( $(".children").is(":visible")) { $("ul.children").slideUp('slow'); } }); 我假设document.click可能无法在触摸设备上使用,如果不能,那么有什么解决方法可以达到相同的效果? 谢谢
67 jquery  css 


22
jQuery autoComplete点击全部查看?
我以相对简单的方式使用jQuery的自动完成功能: $(document).ready(function() { var data = [ {text: "Choice 1"}, {text: "Choice 2"}, {text: "Choice 3"} ] $("#example").autocomplete(data, { matchContains: true, minChars: 0, formatItem: function(item) { return item.text; } } ); }); 如何添加onclick事件(如按钮或链接),以显示自动完成功能的所有可用选项?基本上,我希望将自动完成和选择/下拉元素混合在一起。 谢谢!

5
WordPress 3.5自定义媒体上传作为主题选项
WordPress 3.5已于近期发布,我通过thickbox使用了WordPress Media Upload系统,并window.send_to_editor在WordPress主题中使用了某些选项(背景,徽标等...)。 但是,您知道WordPress集成了新的媒体管理器,所以我想使用此新功能将图像/文件上传为自定义字段。因此,我花了整个上午寻找找到理想结果的方法。 我发现此解决方案对您中的某些人可能有用。感谢您给我有关代码或您所想到的任何改进的反馈! HTML示例: <a href="#" class="custom_media_upload">Upload</a> <img class="custom_media_image" src="" /> <input class="custom_media_url" type="text" name="attachment_url" value=""> <input class="custom_media_id" type="text" name="attachment_id" value=""> jQuery代码: $('.custom_media_upload').click(function() { var send_attachment_bkp = wp.media.editor.send.attachment; wp.media.editor.send.attachment = function(props, attachment) { $('.custom_media_image').attr('src', attachment.url); $('.custom_media_url').val(attachment.url); $('.custom_media_id').val(attachment.id); wp.media.editor.send.attachment = send_attachment_bkp; } wp.media.editor.open(); return false; }); 如果要查看attachment变量中包含的所有设置,可以执行console.log(attachment)或alert(attachment)。

5
如何使用jQuery设置最高位置
我正在创建自定义div滚动条,并希望设置内容div的顶部位置。我的jQuery代码如下: containerOuterHeight=$("#messagePopUpContainer").outerHeight(); contentOuterHeight=$("#content").outerHeight(); contentTopPosition=$("#content").offset().top; alert("contentTopPosition"+contentTopPosition); alert(contentTopPosition-(containerOuterHeight/20)); $("#content").offset().top=contentTopPosition-(containerOuterHeight/20); //$("#content").css("top",( contentTopPosition-(containerOuterHeight/20) ) + "px"); alert("contentTopPosition"+$("#content").offset().top); //alert("Fontsize"+$('#content').css('font-size') ); 和html是: <div id='messagePopUpContainer' style='background-color:#ffffff; overflow: hidden;'> <a href='javascript:void(0);' id='popupanchor' onkeydown='PopupKeyHandler("' + elmId + '");'></a> <div id='content' style='width:350px'>' + methods.settings[elmId].text + '</div > <div id='popupReturn'>Return</div></div></div>'
67 jquery 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.