Tag: 按钮

即使聚焦并且CSS规则启动，HTML按钮也不会单击

看看这个按钮： http ： //jsfiddle.net/vtortola/Dnxpe/ 我是Chrome，如果您单击顶部边框，即使触发了“：hover”和“：active”css规则，也不会触发该事件。 如果您在中心点击更多，那么它工作正常。 在IE9中，如果你这样做，它会错过50％的点击次数。 问题是边距，当您单击边距切换时，给出按钮被按下的效果，但如果您单击顶部边框但这会使指针超出按钮但是……事件应该已经被触发。 ……为什么会这样？ 谢谢。

PhoneGap build + jquerymobile：onclick on按钮不起作用

我使用jquery mobile开发了一个移动应用程序。 在特定页面上，我尝试通过按钮上的“onclick”调用javascript函数。 在线托管时，所有在iPhone上的Safari都可以完美运行。 http://laughlouder.onesixtydev.nl/star/batna.html 但是当我通过PhoneGap build（在线）构建应用程序时，该按钮被冻结。 我不确定应用程序的PhoneGap构建是否使用相同的Safari浏览器进行此Web视图。 但是，无论我尝试什么，这个链接都不会起作用。 试过这个： 这个： 奇怪的是在Safari中有效，但不能通过PhoneGap构建。 无论如何有什么区别？ 尝试将函数放入文档准备就绪，或通过onload加载到正文中都没有任何区别。 谷歌搜索了几天，似乎没有人有同样的问题。 谁可以帮忙？ 非常感谢。

Jquery – 模拟单击​​按钮不会触发function

好， 所以我一直在使用firebug以及我写的一些扩展，以便在我经常使用的网站上创建快捷方式。 我不明白为什么它不起作用或为什么它不可能： 示例代码： //This will add a new row to the current table. //The function is defined by the website (not my function) 使用firebug时： jQuery(“#addRow”).click(); //This will simulate the button click, and will automatically add the new row. 使用谷歌浏览器扩展程序时： jQuery(“#addRow”).click(); //It doesn’t add the new row. 一旦按钮发生单击，为什么扩展不能执行该function，为什么firebug在运行它时没有问题？ 这是正常的吗？ 这是安全function吗？ 或者我做错了什么？ 我知道出于安全原因我无法访问网站中的现有function，但为什么按钮模拟不能为我触发它？

获取上一个选定的下拉项

我有以下代码，其中我有一个下拉列表（使用class =“ addToList ”，然后是一个按钮（Class =“ addtoButton ”）： 当我点击按钮时，我想从上一个下拉列表中获取当前选定的值和文本。 $(“.addToPortalButton”).live(‘click’, function (e) { // grab the previous dropdown list value and text here. }); 使用jquery执行此操作的最简单方法是什么。 这是html： Team 1 Team 2 Team 1 Team 2 Team 1 Team 2

如何启用和禁用Twitter Bootstrap Button？

我试图实现在单击它时禁用按钮，然后在ajax请求成功完成后再次启用它的情况。 以下是我的代码片段。 形成 Submit! 使用Javascript $(‘#resForm’).validate({ // disable submit button $(‘#btnSubmit’).prop(‘disabled’, true); submitHandler: function(form) { $.ajax({ ….. typical ajax stuff ….. success: function(data) { alert(data); $(‘success’).html(data); // enable reserve button again $(‘#btnSubmit’).prop(‘disabled’, false); }, error: function (jqXHR, textStatus, errorThrown) { // console.log(jqXHR); } }); } }); 它不起作用。 在Chrome上检查我的控制台告诉我Uncaught SyntaxError: Unexpected token ( 。感觉这是一个愚蠢的错误，我无法弄明白。我已经读过，这个prop适用于jQuery 1.6.1及更高版本而且我在1.8.3。

jquerymobile动态更改按钮问题的文本

我正在尝试动态更改按钮的文本。 但是按钮的UI会搞砸。 知道为什么吗？ http://jsfiddle.net/L6xRZ/

Ruby on Rails jQuery按钮单击填充text_field

我的edit.html.erb页面中有以下表格 f.object %> “5” %> @device.device_identifier, :readonly => true, :class => “d-id”, :id => “deviceIDfield” %> “deviceIDbutton”, :class => “btn btn-small btn-inverse”, :type => “button” %> “btn btn-large btn-primary”, :id => “white” %> 当单击“新设备标识符”时，我希望：device_identifier字段重新生成其值，该值当前通过Ruby方法SecureRandom.urlsafe_base64设置。 这只是生成一个随机的base64编码字符串。 我一直试图通过jQuery做到这一点但是我遇到了麻烦，因为我是Ruby on Rails和JQuery的新手。 我设置了一个名为shared.js.erb的文件，该文件位于我的javascripts目录中。 在这里，我有以下代码…… $(document).ready(function(){ $(‘#deviceIDbutton’).click(function () { $(“#deviceIDfield”).val(”); }); }) 这是第一次单击按钮时（即它使用新字符串更新device_identifier字段），但在此之后停止工作。 我假设这是因为SecureRandom.urlsafe_base64被调用一次（当文档准备好了？？）而不是每次单击按钮时。 有人可以帮助我！，我一直在敲打这个问题太久了。 我不太确定一些事情，比如为什么我不需要使用：remote => true在任何地方，如果我要使用它放在哪里？ 此外，我无法确定我对jQuery应该去哪里有正确的想法，虽然它似乎在我创建的shared.js.erb文件中工作，如果有人可以推荐更好/更自然的方式会很好。 还值得一提的是，我在new.html.erb文件中有相同的按钮，我想要应用相同的function。 […]

使用JQuery / JavaScript将按钮转换为进度条

我试图找出如何将按钮变为进度条。 例如，在一个引导按钮中，例如： Load 我目前正在使用经典的bootstrap进度条并通过JQuery setInterval刷新它： 是否可以将按钮变为进度条 – 因此前进的进度填充了实际按钮的背景，而不是使用单独的页面元素作为进度条？

根据Woocommerce产品类别更改“添加到购物车”按钮颜色

在Woocommerce中，我试图根据它所在的产品类别更改“添加到购物车”按钮的颜色。到目前为止，我能够更改文本，但是我无法弄清楚如何传入哈希格式的持久颜色值（例如#fffff） // Change add to cart button text per category add_filter( ‘woocommerce_product_single_add_to_cart_text’, ‘wps_custom_cart_button_text’ ); function wps_custom_cart_button_text() { global $product; $terms = get_the_terms( $product->ID, ‘product_cat’ ); foreach ($terms as $term) { $product_cat = $term->slug; break; } switch($product_cat) { case ‘clothing’; return __(‘Order your Clothes’, ‘your_theme_text_domain’ ); default; return __( ‘Order now’, ‘your_theme_text_domain’ ); } } 任何帮助赞赏。

JQuery onclick只工作一次

我有一个按钮onclick事件，在这里工作正常： // create function to remove “popup-open” classes // function used in onclick attribute (function( $ ){ $.fn.popupClose = function() { $( “body” ).removeClass( “popup-open” ) $( “.overlay_btn” ).removeClass(“popup-open”); return this; }; })( jQuery ); // if a exists // onclick read button ID value // add “popup-open” class to span with IDvalue as class, […]