Tag: 按钮

将上一个/下一个按钮添加到针对DIVS的水平内容滚动条

我已经为div上的一些滚动实现了jQuery Custom Scroller ，这非常有用。 我甚至使用平滑滚动来水平滚动到某些DIV但我的问题是我想要一个下一个和上一个导航按钮，我无法在任何地方找到它。 下面是我的HTML和jQuery。 先谢谢 the cedarburg CSS： #source-container{ overflow-x: hidden; overflow-y: hidden; } .source-item{ float: left; display: inline-block; background-repeat:no-repeat; background-size:cover; background-position: center; -moz-background-size: cover; } #source-container .one{background-image:url(images/source/1-the-cedarberg.jpg);} #source-container .two{background-image:url(images/source/2-the-cedarberg.jpg);} #source-container .three{background-image:url(images/source/3-the-cedarberg.jpg);} #source-container .four{background-image:url(images/source/4-the-cedarberg.jpg);} #source-container .five{background-image:url(images/source/5-the-cedarberg.jpg);} #source-container .six{background-image:url(images/source/6-the-cedarberg.jpg);} #source-container .seven{background-image:url(images/source/2-our-farm.jpg);} #source-container .eight{background-image:url(images/source/1-our-farm.jpg);} #source-container .nine{background-image:url(images/source/3-our-farm.jpg);} #source-container .ten{background-image:url(images/source/4-our-farm.jpg);} #source-container .eleven{background-image:url(images/source/1-our-rooibos.jpg);} #source-container .twelve{background-image:url(images/source/6-the-cedarberg.jpg);} #source-container .thirteen{background-image:url(images/source/1-the-cedarberg.jpg);} #source-container […]

可以在Jquery Mobile中调整按钮填充吗？

请参阅此页面上的按钮： http ： //rchobbystream.com/main.html 是否可以消除每个按钮中图像周围的空白区域？ 我一直在寻找一段时间，我无法看到CSS文件中指示的位置。 谢谢

jQuery的。 点击HTML按钮点击Facebook按钮

我有2个按钮，1个简单的和其他类似Facebook的按钮，我想在点击我的简单按钮后，它也激活（点击）Facebook按钮，但它不会工作。 我用过这段代码： $(function(){ $(“#test”).click(function(){ $(“#fb-root”).click(); //this doesn’t click Like button alert(“Like is clicked”); // this alert when button is clicked }); }); 这是其他代码。单击我的Like按钮后它会提示“我只是点击了按钮”，但是这行不起作用$(this).remove(); 。 （但我需要按照我在第一种情况下说的那样做。点击“测试”按钮点击“fb-like”按钮。） window.fbAsyncInit = function(e) { FB.Event.subscribe(‘edge.create’, function(response) { $(this).remove(); // I used this to remove button after clicking, but not working alert(‘I just clicked like button’); }); }; (function(d, s, id) […]

如何在一个页面中的两个画廊上使用带有上一个/下一个按钮的JQuery滑块？

基于这个伟大的图像滑块与adaneo的prev / next按钮，在这里的答案： 图像库下一个和上一个按钮 他的JSFiddle就在这里，它做了我需要它做的事情，除了我需要它在一个页面上的两个独立的画廊上工作： http ： //jsfiddle.net/adeneo/5VEeH/3/ 这是我的分叉JSFiddle，除了复制标记之外，我没有做太多工作： http ： //jsfiddle.net/cbp9T/1/ 我怎么能重新编写它以便我可以在一个页面中使用它两次？ 我会把整个事情做成自己的函数，在最后杀死变量值，然后将它复制到一个新的函数中，为第二个画廊添加新的选择器吗？ 要么？ 建议/链接到JSFiddles回答这样的问题非常感谢，谢谢。

选中单选按钮时更改表格单元格的颜色

我希望我的单选按钮单元格旁边的单元格在选中单选按钮时突出显示为绿色，并在移动到未选中时变回灰色。 换句话说，包含获胜团队价值的单选按钮应该将包含该团队名称的单元格变为绿色。 $(‘input:radio’).checked(function() { $(this).closest(‘td’).addClass(‘highlight’); }); .highlight { background: green; } Fiesta Bowl Arizona Boise State January 1

检查是否在一定时间内点击了“没有”按钮（jQuery）

基本上： 单击一个按钮，它将运行function1。 如果您未在1秒内再次单击该按钮，则运行function2。 如果在1秒内单击该按钮，则再次运行function1。 等等等等… 我无法弄清楚在Javascript中执行此操作的逻辑。 还有办法吗？ 提前致谢！

jQuery添加一个类 – 我尝试过的所有方法都会在点击时删除该类

我正在使用3D旋转按钮，其中每个面具有不同的短语，但两者都是指向同一URL的链接。 我最初用一个普通的旧css旋转立方体按钮：hover，但我注意到当你点击按钮时它会重置。 如果鼠标不再位于按钮上，它应该只能旋转回其起始位置。 我创建了一个使用我所有标记和样式的笔，我尝试了四种方法在hover时添加一个名为“flip”的类来设置样式，但这四种方法中的每一种都与普通的旧css具有相同的效果：hover方法，它们在鼠标单击时重置。 我在笔中评论了＃2,3和4只是因为它们都产生了相同的结果，而第一个只是一个简单的’toggleClass’方法。 这是四个JS片段和笔的链接。 // #1 Story Button Toggle Class On Hover To Rotate – Resets on Click $(‘.story-button’).hover(function () { $(this).toggleClass(‘flip’); return false; }); // #2 Story Button Add/Remove Class On Hover To Rotate – Resets on Click $(‘.story-button’).hover( function () { $(this).addClass(‘flip’); }, function () { $(this).removeClass(‘flip’); } ); // #3 […]

使用Javascript / JQuery动态创建具有不同点击事件处理程序的多个HTML按钮

我正在尝试使用Javascript / JQuery动态创建多个HTML按钮，每个按钮在单击时都会执行不同的操作。 我的第一次尝试看起来像这样： function myFunc( target_div, num_buttons ) { var buttons=””; for ( var i=0; i<num_buttons; i++ ) { buttons += '’; } target_div.html( buttons ); var doButtonPress = function( i ) { alert( i ); // I actually do something more complicated here, but it’s not important now } for ( var i=0; […]

jQuery返回错误选择的radiobox？

我有一个表单输入，由两个单选按钮组成，一个名称，如下所示： [thumb] [img] 在jQuery函数中，我引用了哪一个被检查： type=$(‘input[name=”type”]’).is(‘:checked’).val(); 出于某种原因，即使我更改了页面上的复选框，如果总是返回前者。 以下是完整代码，用于消除： Thumb/img BBCode generator Please enable Javascript or use the old generator Thumb/img BBCode generator for Facepunch [thumb] [img] Insert image links on seperate lines $(‘#1_c’).click(function(){ var text=$(‘textarea’).val(), type=$(‘input[name=”type”]’).is(‘:checked’).val(); $.post(‘generate2.php’, { text: text, type: type }, function(data) { $(“#content”).html(data); }); }); function reset(){ history.go(‘0’); } 实时版： http ： //pdo.elementfx.com/thumb/

按钮单击事件触发错误的事件处理程序

我有一个div显示一些可点击的音乐标题。 单击它时，它将显示更多详细信息。 然后我在可点击的div中也有一个按钮。 当我点击按钮。 它不会调用按钮的function而是div的function？ 有办法解决这个问题吗？ 谢谢！ $(“#myComList”).append(” ()Add new Arrangement BY “); $(‘#’+comListID).click(function() { $(this).find(“li”).slideToggle(‘slow’, function() { }); $(“#”+comListID+”btn”).click(function(){ addNewArr(comListID); });