Jquery 表格取值開啟超連結- 藍色小舖 BlueShop

台灣最大程式設計社群網站

∣免費加入會員∣登入 ∣回首頁∣ 您好

線上人數
1173

會員總數：246690
討論主題：190103

登入

登出

歡迎您免費加入會員

討論區選單

開發工具

行動裝置開發

資料庫

多媒體 / 網管

綜合

文章區

討論區列表 >> Java Script/ Node.js >> Jquery 表格取值開啟超連結

[]

[我要回覆]

Jquery 表格取值開啟超連結
價值 : 20 QP 點閱數:1787 回應數:2

樓主

joyend

10	48
1674	46

發送站內信

如下程式碼為表格隔行變色及滑鼠移動列變色,
我想滑鼠移動要那一列只要連點滑鼠2下，即可開啟超連結
我加上了 $("#div1").dblclick(function(){ .... });
請問 function 裡我要如何寫才能滑鼠移到的那一列，連點2下即可開啟超連結....

// 設計 Table - 選取方法
function TableSelection(conf) {
    // 宣告匿名物件設定檔
    var _config = {
        table_id: '',
        odd: '',
        even: '',
        over: ''
    };
    
    // 擴充/變更設定檔參數。 
    $.extend(_config, conf); 
    
    // Table 基偶數列變色 + 滑鼠移出移入效果
    $("#" + _config.table_id + " tr:odd").addClass(_config.odd);
    $("#" + _config.table_id + " tr:even").addClass(_config.even);
    $("#" + _config.table_id + "  tr").hover(
                    function() {
                        $(this).addClass(_config.over);
                    }
                    , function() {
                        $(this).removeClass(_config.over);
                    }
     );
}

// DOM 載入完畢，執行的動作
jQuery(document).ready(function(){

$("#div1").dblclick(function(){
	
});

//-----------------------------------------------------------------    
    var params = {
        table_id: 'student',
        odd: 'odd',
        even: 'even',
        over: 'enter'
    }; // 初始 Table ID 為 student 的參數 (匿名物件)
    
    TableSelection(params); // 為 Table ID 為 student 增加特效   
    //----------------------------------------------------------------- 
    
    //----------------------------------------------------------------- 
    $.extend(params , 
        { table_id: 'stuff' } // 初始 Table ID 為 stuff 的參數 (匿名物件)
    );  // 擴充/變更設定檔參數。
    
    TableSelection(params); // 為 Table ID 為 stuff 增加特效    
    //-----------------------------------------------------------------
    
});
// 附註 ：jQuery(document).ready(function(){...}); 和 
// $(function(){...}); 意思相同

</script>
<style>
#student,#stuff{ width:98%; border-collapse:collapse; } 
#student th, #student td, #stuff th, #stuff td{ border: silver 1px solid; text-align:center; }

.odd{background-color:#EFF1F1;}
.even{background-color:#F8F8F8;}
.enter{background-color: #0099CC;}
</style>

</head>

<body>
<div id="div1">
<table id="student">
    <tr><td><a href="http://tw.yahoo.com">yahoo</a></td><td>jason</td></tr>
    <tr><td><a href="http://www.pchome.com.tw">pchome</a></td><td>thomas</td></tr>
    <tr><td><a href="http://www.google.com.tw">google</a></td><td>kert</td></tr>
    <tr><td><a href="http://www.hinet.net">hinet</a></td><td>jay</td></tr>
</table>
</div>
</body>

</html>

本篇文章發表於2014-07-17 20:37

1樓

回應

min

本篇文章回覆於2014-07-18 09:06

== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--

2樓

最有價值解答

小猴

本篇文章回覆於2014-07-18 09:47

== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--

回覆

如要回應,請先登入.