Tag: jQuery

iframe只显示页面的某个部分: 我正在研究iframe，而且我需要在iframe中显示页面的某个部分（比如右上angular），大小约为300px，高度为150px。例：假设我想将www.mywebsite.com/portfolio.php的iframe放在页面上，但是iframe的大小只能显示右上angular的“ portfolio-sports ”部分。我怎样才能做到这一点？谢谢。编辑：演示 [感谢Pointy]

使用占位符和replace对象格式化JavaScriptstring？: 我有一个string说： My Name is %NAME% and my age is %AGE%. %XXX%是占位符。我们需要从一个对象中取代那里的值。对象如下所示： {"%NAME%":"Mike","%AGE%":"26","%EVENT%":"20"} 我需要parsing对象，并用相应的值replacestring。所以最终的输出将是：我的名字是迈克，我的年龄是26岁。整个事情必须使用纯JavaScript或jQuery来完成。

jQuery的.slideToggle（）水平替代？: slideToggle正是我想要的，只有我想幻灯片是水平的。我现在有一个水平隐藏/显示和点击animation，但我想有切换选项。所以，当我点击活动链接时，它将播放倒转的animation并隐藏自己。什么是最好的方法来做到这一点？

如何使用jQuery将行添加到表中？: 您好我正在尝试使用jQuery将一行添加到表，但它不工作。可能是什么原因？而且，我可以在新添加的行中添加一些值吗？这里是代码： <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $('a').click(function() { $('#myTable').childs('tr').append('<tr class="child"><td>blahblah<\/td></ tr>'); }); </script> <title></title> </head> <body> <a href="">Link</a> <table id="myTable"> <tbody> <tr> <td> test </td> </tr> </tbody> </table> </body> </html>

引导datepicker今天作为默认值: 我使用这个引导dateselect器为我的dateselect器。我希望dateselect器select“今天”作为开始date或默认date。我不知道如何自动设置“今天”，所以我做了一个低效率的方式 HTML： <input type="text" value ="today();" id="datepicker"/> JS： $('#datepicker').datepicker(); function today(){ var d = new Date(); var curr_date = d.getDate(); var curr_month = d.getMonth() + 1; var curr_year = d.getFullYear(); document.write(curr_date + "-" + curr_month + "-" + curr_year); } 在线样品： http : //jsfiddle.net/BXZk2/ 只是寻找一个简单的解决scheme，使默认的一天为“今天”。谢谢

jQuery能检查input内容是否改变了吗？: 有没有可能绑定的JavaScript（jQuery是最好的）事件“改变”forms的input值莫名其妙？我知道.change()方法，但它不会触发，直到你（光标）离开input字段。我也考虑使用.keyup()方法，但它也反应在箭头键等。每当input文本发生变化时，我只需要触发一个动作即使它只是一个字母的变化。

如何打开特定的引导程序导航选项卡的标签点击一个particuler链接使用jQuery？: 我是jquery和bootstrap的新手，所以请考虑我的错误。我创build了一个用于login和注册的引导模式。它包含两个称为login和注册的导航选项卡。我有两个buttonpopup相同的模态窗口，但在模态窗口内显示不同的选项卡。在每个选项卡中是一个具有多个input的表单。我的问题是得到的模式popuplogin选项卡中打开的模式，当我点击“login”button和注册选项卡打开时，我点击我的网页上的“注册”button。这些是模式打开的2个链接： <div class="header-login-li" style="background-color:gray;float:left;width:100px;height:60px;"> <a data-toggle="modal" href="#regestration" class="header-register-a" > <big> <font color="white" class="header-register-font"><center style="margin-top:20px;">Login <i class="icon-chevron-down" style="font-size:20px"></i></center></font> </big></a></div> <div class="header-register-li" style="background-color:green;float:right;margin-right:-15px;width:130px;height:60px;"> <a data-toggle="modal" href="#regestration" class="header-register-a" > <big> <font color="white" class="header-register-font"><center style="margin-top:20px;">Register</center></font> </big></a> 这里是我的代码标签和他们的内容（我在这里避免不必要的代码）： <div class="tabbable" > <ul class="nav nav-tabs" ><!–tabs–> <li class="active" style="position:absolute;margin-left:0px;" id="logintab"> <a href="#pane_login" data-toggle="tab">Login</a></li> <li style="margin-left:70px;" id="reg_tab" ><a […]

如何将额外的parameter passing给Jquery自动填充字段？: 我在我的一个表单中使用了JQuery Autocomplete。基本forms从我的数据库中select产品。这很好，但我想进一步发展，只有从某个邮政编码发货的产品返回。我已经find了后端脚本。我只需要制定将邮政编码传递给此脚本的最佳方法。这是我的表单看起来的样子。 <form> <select id="zipcode"> <option value="2000">2000</option> <option value="3000">3000</option> <option value="4000">4000</option> </select> <input type="text" id="product"/> <input type="submit"/> </form> 这里是JQuery代码： $("#product").autocomplete ({ source:"product_auto_complete.php?postcode=" + $('#zipcode').val() +"&", minLength: 2, select: function(event, ui){ //action } }); 这个代码在一定程度上起作用。但只返回第一个邮政编码值，不pipe实际select哪个值。我想现在发生的事情是，源URL是在页面加载时启动的，而不是当select菜单被改变时。有没有解决的办法？还是有一个更好的方式来实现我所追求的结果？

如何使用jQuery切换我的CSS样式表？: 我正在做的事很简单。你点击一个button(id="themes") ，它打开一个div (id="themedrop") ，下滑并列出主题。（我现在只有两个） <button id="original">Original</button><br /> <button id="grayscale">Grayscale</button> 现在，当这个网站被加载时，它会加载style1.css（主/主题） <link rel="stylesheet" type="text/css" href="style1.css"> 现在我想弄清楚的是…我怎么能这样做，当灰色button被点击更改样式表从style1.css到style2.css（注：文件在同一目录中）任何帮助将非常感激。

Bootstrap 3可滚动div表格: 我在顶部使用了一个导航栏的Bootstrap 3，并使用Bootstrap 3的表格类来显示一个表格。我希望表（它坐在自己的div）是可滚动页面的唯一部分（当表中的数据的宽度/高度超过页面的宽度/高度时）。我已经为表格设置了div，如下所示： .mygrid-wrapper-div { overflow: scroll; height: 200px; } 我有一个小提琴来说明这一点，我在div周围添加了一个丑陋的5px红色边框来突出显示我想要滚动的区域： http://jsfiddle.net/4NB2N/4/ 请注意，从左向右滚动效果很好 – 我不必做任何事情就可以实现这个function，当窗口resize时，div自动调整滚动条。然而，我不知道如何设置div的高度行为相同的方式 – 我硬编码的200px值，但我真的希望div来填补窗口的“rest”，所以当浏览器resize，它仍然工作。我怎样才能使水平和垂直的行为相同？