我使用jCarousel创建滚动内容(请点击此http://sorgalla.com/projects/jcarousel/).但是我不想使用默认的下一个和上一个按钮,所以我想创建2个按钮来处理click事件.EX:我有2个像这样的超链接:
<script>
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('#scrollArea').jcarousel({
scroll: 10
});
</script>
<a>NEXT</a>
<a>PREV</a>
<div id="scrollArea">
<!-- CONTENT HERE -->
</div>
Run Code Online (Sandbox Code Playgroud)
如何将next和prev函数绑定到上面的链接?
我有div一个班级cls1.
当我单击cls1div时,会创建一个与此类相同的新div.
但是当我点击新创建的cls1div时,它不会创建另一个div ...
该类是正确的,因为应用了CSS规则.
我正在使用jQuery.是否有任何理由让新创建的div在单击时不触发click事件?
EDIT1: 我尝试使用append创建新的div,但也创建了一个新的jQuery对象.
我有一个表,其中包含几行,每行包含一个按钮和一个文本框.
使用文本框值触发警报的最简单方法是什么?
我是F#的初学者,但早些时候在C#中编程了一点.我试图弄清楚如何编写一个ButtonClicEvent,它将AppendText从按钮(或其他地方)添加到文本框中的现有文本.
这来自C#:
private void Btn_Click(object sender, EventArgs e)
{
// if the eventhandler contains more than one button
var btn = (sender as Button);
textBox.AppendText(btn.Text);
}
Run Code Online (Sandbox Code Playgroud)
需要知道如何在F#中做到这一点.
我在第一列有一个带有复选框的表.当我单击该行的任何位置时,将在表行上设置"row_selected"类,并选中该复选框.代码如下:
$('#my_table > tbody > tr > td').live('click', function() {
if ($(this).parent().hasClass('row_selected')) {
$(this).parent().removeClass('row_selected')
$('td.checkbox input', this.parentNode).prop("checked", false)
} else {
$(this).parent().addClass('row_selected')
$('td.checkbox input', this.parentNode).prop("checked", true)
}
})
Run Code Online (Sandbox Code Playgroud)
问题是一些表格单元格有按钮,如果点击,我不希望该行被选中.即
<tr>
<td class="checkbox">
<input type="checkbox" checked="false"/>
</td>
<td>blah<td>
<td>
<a class="myButton">do stuff</a>
</td>
<td>blah<td>
</tr>
Run Code Online (Sandbox Code Playgroud)
我希望jquery click事件能够工作,除非我单击myButton.
有人有任何想法吗?
我在jsfiddle.net上使用以下代码,并且实时预览有效.运行我自己的本地副本,没有...
复选框应在radiobutton click上更改.
jsfiddle预览:http://jsfiddle.net/XqFDN/
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" ></script>
<script>
jQuery('#3day').click(function () {
jQuery('#mon , #tue , #wed').attr('checked', true);
});
jQuery('#2day , #1day').click(function () {
jQuery('#mon , #tue , #wed').attr('checked', false);
});
</script>
</head>
<body>
<form>
<input type="radio" name="passes" value="3day" id="3day" />3-Day
<input type="radio" name="passes" value="2day" id="2day" />2-Day
<input type="radio" name="passes" value="1day" id="1day" />1-Day
<br />
<input type="checkbox" name="mon" value="mon" id="mon" />Mon
<input type="checkbox" name="tue" value="tue" id="tue" />Tue
<input type="checkbox" name="wed" value="wed" id="wed" />Wed
<br />
</form> …Run Code Online (Sandbox Code Playgroud) jQuery新手在这里.
如果我有这个HTML:
<ul id="floor-selector">
<li id="floor-1">Ground Floor</li>
<li id="floor-2">Second Floor</li>
<li id="floor-3">Third Floor</li>
<li id="floor-4">Premier Floor (Premier Floor)</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我想为click每个li项目添加一个事件,这样我就可以获得我id所在的元素.现在我只是对我正在使用的索引发出警报(并且它也没有工作),但我真的想要我所在项目的ID,而不是我的选择器返回的数组的索引.
这是我试过了,但它似乎没有工作,我想我可能有错误的理解each()或click().
$('#floor-selector li').each( function(index, node) {
node.click( function(){ alert('I am on the '+index+'th element'); } );
// but I really want to get the ID of this element
});
Run Code Online (Sandbox Code Playgroud) 我正在制作我的第一个WPF窗口.我在其上放置了一个网格,并将网格划分为行和列,如果调整窗口大小,则会自动调整大小.有两个按钮可以填充网格的两个单元格.按钮内容分别设置为"OK"和"EXIT".我有点难以理解的是,为什么这些按钮仅在我点击文本时才起作用,但如果我点击文本周围的区域并且仍在相应的按钮内,则不会做出反应.有没有办法让它可以点击按钮上的任何地方,它会按下(即使我点击文本很远的地方)?任何帮助将不胜感激,谢谢!
<Window x:Class="INL.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Please enter your details" Height="350" Width="350" MinWidth="350" MinHeight="350" ScrollViewer.HorizontalScrollBarVisibility="Auto" ScrollViewer.VerticalScrollBarVisibility="Auto" WindowStyle="ToolWindow" Background="White">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="4*"/>
<ColumnDefinition Width="1*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="1*"/>
<RowDefinition Height="1*"/>
<RowDefinition Height="1*"/>
<RowDefinition Height="1*"/>
<RowDefinition Height="1*"/>
<RowDefinition Height="1*"/>
<RowDefinition Height="1*"/>
<RowDefinition Height="3*"/>
<RowDefinition Height="3*"/>
</Grid.RowDefinitions>
<Label Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="2" Content="Name:"> </Label>
<Label Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="2" Content="Last name:"></Label>
<Label Grid.Column="0" Grid.Row="4" Grid.ColumnSpan="2" Content="ID:"></Label>
<Label Grid.Column="0" Grid.Row="6" Grid.ColumnSpan="2" Content="Result:"></Label>
<TextBox x:Name="TextBoxNamn" Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="2"></TextBox>
<TextBox x:Name="TextBoxEfternamn" Grid.Column="0" Grid.Row="3" Grid.ColumnSpan="2"></TextBox>
<TextBox x:Name="TextBoxPersonnummer" Grid.Column="0" Grid.Row="5" …Run Code Online (Sandbox Code Playgroud) 我有这个HTML:
<a href="#" class="action" data-action="foo">
<h1>Some</h1>
<p>Text<p>
</a>
Run Code Online (Sandbox Code Playgroud)
这个绑定:
$(document).on("click", ".action", function (e) {
var do = e.target.getAttribute("data-action");
if (do === undefined || do === null) {
console.log("error");
}
});
Run Code Online (Sandbox Code Playgroud)
奇怪的是,如果我点击h1或p,我的错误日志,而我期待点击冒泡到链接元素.
问题:
如果单击嵌套在具有单击处理程序的元素内的元素,那么正常行为是什么?为什么我的点击不冒泡?
谢谢!
我一直在寻找答案,但找不到任何答案。也许我缺少了解水豚的一些基本概念。
我有一个下拉菜单,使用“ ul”
<ul class="dropdown-menu">
<li id="dropdown-list">
<span>myList</span>
<ul>
<li><%= link_to 'Link1', controller: 'link_1' %> </li>
<li><%= link_to 'Link2', controller: 'link_2' %> </li>
</ul>
</li>
<li id="a_different_dropdown">
<span>A different dropdown list</span>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我想单击Link2。我唯一能做的是:
find('.dropdown-menu', :text => 'myList')
Run Code Online (Sandbox Code Playgroud)
从概念上讲:当我有一个下拉菜单时,是否需要将过程分为多个步骤?我的意思是,我是否必须单击选项myList以使子选项可见?
我尝试单击click,click_link并选择了方法,但由于经常出现错误,因此无法打开Link2:
Capybara::ElementNotFound:Unable to find link Link2
Run Code Online (Sandbox Code Playgroud)