Java 如何通过双击表格行从一个选项卡移动到另一个选项卡 .topMenu{ float:right；} 工作清单工作编号纤毛名称工作日期到期日竣工日期系统。过时的地位优先事项分配给 1. 做记号奥托 makr124 经核准的 1. 1. 1. 1._Java_Javascript_Mysql_Jsp

Java 如何通过双击表格行从一个选项卡移动到另一个选项卡 .topMenu{ float:right；} 工作清单工作编号纤毛名称工作日期到期日竣工日期系统。过时的地位优先事项分配给 1. 做记号奥托 makr124 经核准的 1. 1. 1. 1.

java javascript mysql jsp

Java 如何通过双击表格行从一个选项卡移动到另一个选项卡 .topMenu{ float:right；} 工作清单工作编号纤毛名称工作日期到期日竣工日期系统。过时的地位优先事项分配给 1. 做记号奥托 makr124 经核准的 1. 1. 1. 1.,java,javascript,mysql,jsp,Java,Javascript,Mysql,Jsp,任何人都可以告诉我。。。如何通过双击行表从一个选项卡移动到另一个选项卡下面是代码，但下一个选项卡是show bottom。。我只需要在选项卡部分。。。我的代码有错误吗 <%@ taglib prefix="s" uri="/struts-tags"%> <script type="text/javascript" src="js/adminBody.js"></script> <head> <style > .topMenu{

任何人都可以告诉我。。。如何通过双击行表从一个选项卡移动到另一个选项卡

下面是代码，但下一个选项卡是show bottom。。我只需要在选项卡部分。。。我的代码有错误吗

<%@ taglib prefix="s" uri="/struts-tags"%>
<script type="text/javascript" src="js/adminBody.js"></script>
<head>
<style >
.topMenu{
float:right;}
</style>
</head>
<div class="portlet-body">
<div class="tabbable tabbable-custom">
    <ul class="nav nav-tabs">
        <li class="active"><a href = "#jobs" data-toggle="tab" onclick="disabled()">Jobs</a></li>
        <li><a href="#system-check-in" data-toggle="tab" onclick="enablebtn()">System Check-in</a></li>
        <li><a href="#service-and-repair" data-toggle="tab" onclick="enablebtn()">Service & Repair</a></li>
        <li><a href="#system-check-out" data-toggle="tab" onclick="enablebtn()">System Check-out</a></li>
    </ul>
    <div class="tab-content">

        <div class="tab-pane active" id="jobs">

                <div class="portlet box purple">
                            <div class="portlet-title">
                                <h4><i class="icon-book"></i>Jobs List</h4>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"></a>
                                    <a href="javascript:;" class="reload"></a>
                                    <a href="javascript:;" class="remove"></a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <table class="table table-striped table-hover">
                                    <thead>
                                        <tr>
                                            <th>JOB NO</th>
                                            <th>CILENT NAME</th>
                                            <th>JOB DATE</th>
                                            <th >DUE DATE</th>
                                            <th>COMPL DATE</th>
                                            <th>SYS. OUT DATE</th>
                                            <th>STATUS</th>
                                            <th>PRIORITY</th>
                                            <th>ALLOC TO</th>
                                        </tr>
                                    </thead>
                                    <tbody ondblclick="$('#system-check-in').toggle()">
                                        <tr>
                                            <td>1</td>
                                            <td>Mark</td>
                                            <td>Otto</td>
                                            <td class="hidden-480">makr124</td>
                                            <td><span class="label label-success">Approved</span></td>
                                            <td>1</td>
                                            <td>1</td>
                                            <td>1</td>
                                            <td>1</td>
                                        </tr>


                                    </tbody>
                                </table>
                            </div>
                        </div>

函数行（e）{ if（document.selection&&document.selection.empty）{ document.selection.empty（）； } else if（window.getSelection）{ var selection=window.getSelection（）； selection.removeAllRanges（）； } $（“#myTabs a[href=”#系统签入“]）.tab（'show'）； }

工作清单工作编号纤毛名称工作日期到期日竣工日期系统。过时的地位优先事项分配给 1. 做记号奥托 makr124 经核准的 1. 1. 1. 1. 与系统签入相关的内容

对于任何前端查询，请始终尝试使用fiddle，如果您希望快速得到答案，请立即删除一些代码，并检查它是否有效。。我的意思是移动到下一个选项卡…正在工作。。。。但是，当双击行时，第一个选项卡的内容没有隐藏，下一个选项卡的内容没有显示。我必须做的事情如果对你有用，那么别忘了检查它作为回答，以完成问题的线索（这将在将来帮助某人）我要做的事请帮我真的很抱歉…没有看到你更新了你的评论…我以为它对你有用…等等，我会调查问题的…啊，你没有提供任何id为“系统签入”的div。请阅读这里引导的

navs

文档。。

<html>
<head>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">

<script>
    function rowDoubleClicked(e){
    if(document.selection && document.selection.empty) {
       document.selection.empty();
    } 
    else if(window.getSelection) {
         var selection = window.getSelection();
         selection.removeAllRanges();
    }
    $('#myTabs a[href="#system-check-in"]').tab('show');

}
</script>

 </head>
<body>
<div class="tabbable tabbable-custom">
    <ul id="myTabs" class="nav nav-tabs">
    <li class="active"><a href = "#jobs" data-toggle="tab" onclick="disabled()">Jobs</a></li>
        <li><a href="#system-check-in" data-toggle="tab" onclick="enablebtn()">System Check-in</a></li>
        <li><a href="#service-and-repair" data-toggle="tab" onclick="enablebtn()">Service & Repair</a></li>
        <li><a href="#system-check-out" data-toggle="tab" onclick="enablebtn()">System Check-out</a></li>
    </ul>
<div class="tab-content">

    <div class="tab-pane active" id="jobs" data-tabs="tabs">

            <div class="portlet box purple">
                <div class="portlet-title">
                    <h4><i class="icon-book"></i>Jobs List</h4>
                    <div class="tools">
                        <a href="javascript:;" class="collapse"></a>
                        <a href="javascript:;" class="reload"></a>
                        <a href="javascript:;" class="remove"></a>
                    </div>
                </div>
                <div class="portlet-body">
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th>JOB NO</th>
                                <th>CILENT NAME</th>
                                <th>JOB DATE</th>
                                <th >DUE DATE</th>
                                <th>COMPL DATE</th>
                                <th>SYS. OUT DATE</th>
                                <th>STATUS</th>
                                <th>PRIORITY</th>
                                <th>ALLOC TO</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ondblclick="rowDoubleClicked(event);">
                                <td>1</td>
                                <td>Mark</td>
                                <td>Otto</td>
                                <td class="hidden-480">makr124</td>
                                <td><span class="label label-success">Approved</span></td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>


                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="tab-pane" id="system-check-in" data-tabs="tabs">
            <p>contents related to system-check-in </p>
        </div>
    </div>
</div>
<script src="js/jquery-1.9.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
</body>
</html>