小编Bob*_*b76的帖子

jQuery - 陷阱选项卡选择事件

我是一个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)

jquery jquery-ui jquery-ui-tabs

33
推荐指数
3
解决办法
13万
查看次数

用于重复一系列数字和数字范围的正则表达式(例如 3 位数字和 3 位数字范围)

我正在寻找一个正则表达式来匹配重复的数字序列。数字/范围本身可以是任何三位数,例如我想匹配

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},但我没有找到任何有效的方法。感谢您对此的任何帮助。

regex regex-group regex-greedy

4
推荐指数
1
解决办法
79
查看次数

表行突出显示不适用于动态行

我尝试使用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)

html javascript jquery

0
推荐指数
1
解决办法
1005
查看次数