我是一个jQuery noob,我正在试图弄清楚如何捕获选项卡选择的事件.使用jQuery 1.2.3和相应的jQuery UI选项卡(不是我的选择,我无法控制它).它是一个嵌套的选项卡,带有第一级div名称 - tabs.这是我初始化选项卡的方式
$(function() {
$('#tabs ul').tabs();
});
$(document).ready(function(){
$('#tabs ul').tabs('select', 0);
});
Run Code Online (Sandbox Code Playgroud)
我无法弄清楚如何捕获任何事件或属性(选中的选项卡,单击选项卡时等).希望对此有任何帮助...
我尝试过这样的事情:
$('#tabs ul').bind('tabsselect', function(event, ui) {
selectedTab = ui.index;
alert('selectedTab : ' + selectedTab);
});
(OR)
$('#tabs').bind('tabsselect', function(event, ui) {
Run Code Online (Sandbox Code Playgroud)
没有成功.
下面是标记
<div id="tabs">
<UL>
<LI><A href="#fragment-1"><SPAN>Tab1</SPAN></A></LI>
<LI><A href="#fragment-2"><SPAN>Tab2</SPAN></A></LI>
<LI><A href="#fragment-3"><SPAN>Tab3</SPAN></A></LI>
<LI><A href="#fragment-4"><SPAN>Tab4</SPAN></A></LI>
</UL>
<DIV id=fragment-1>
<UL>
<LI><A href="#fragment-1a"><SPAN>Sub-Tab1</SPAN></A></LI>
<LI><A href="#fragment-1b"><SPAN>Sub-Tab2</SPAN></A></LI>
<LI><A href="#fragment-1c"><SPAN>Sub-Tab3</SPAN></A></LI>
</UL>
</DIV>
.
.
.
</DIV>
Run Code Online (Sandbox Code Playgroud) 我正在寻找一个正则表达式来匹配重复的数字序列。数字/范围本身可以是任何三位数,例如我想匹配
345
346-348
234,235,236,237-239
234, 235, 236, 237-239
234,234, 236 and 237-239
234,234, 236 or 237-239
Run Code Online (Sandbox Code Playgroud)
我不想匹配
3454
111-222-333
454,4567 (match only 454)
Run Code Online (Sandbox Code Playgroud)
该号码可以是任何三位数字。我在混合中尝试了不同的正则表达式 \d{3},但我没有找到任何有效的方法。感谢您对此的任何帮助。
我尝试使用jquery动态添加行并附加鼠标事件以突出显示该行.它在第一次添加行时有效,但在后续行添加时,前一行的突出显示停止工作.
这是小提琴: JS Fiddle
HTML
<table border=1 id="testTable">
<thead>
<tr>
<td>Column 1</td>
<td>Column 2</td>
<td>Column 3</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
<input type="submit" id="add" value="Add"/>
Run Code Online (Sandbox Code Playgroud)
JS
$(function(){
$("#add").on('click',function(){
console.log("Add clicked");
$('<tr>').append(
$('<td>').text('Val1'),
$('<td>').text('Val2'),
$('<td>').text('Val3')
).appendTo('#testTable');
highlight('testTable');
});
function highlight(tableid){
var row = tableid+" tbody tr";
$("#"+row).on('mouseover mouseout', (function(){
$(this).toggleClass("highlight");
}
))}
});
Run Code Online (Sandbox Code Playgroud)
CSS
tr.highlight td{background: #B0C4DE}
Run Code Online (Sandbox Code Playgroud)