IE瀏覽器無法直接識別input hidden問題
示例:
html程式碼:
js程式碼:<tr> <input type="hidden" value="{$vo.id}"> <input type="hidden" value="{$vo.menu_id}"> <td style="line-height:100px;">{$i}</td> <td><img src="__ROOT__/{$vo.pic_url}{$vo.pic_name}" style ="height:100px;width:450px"></td> <td style="line-height:100px;">{$vo.menu_name}</td> <td style="line-height:100px;"> <a id="preview" href="javascript:void(0)">預覽</a> <a href="__URL__/pic_main_edit?id={$vo.id}" style="margin-left:10px">編輯</a> </td> </tr>
$('#preview').live('click',function(){
var menu_id = $(this).closest('tr').children('input').eq(1).val();
confirm(menu_id);
}
點選後menu_id無法獲取
解決辦法:
一:
二:<a id="preview" mid="{$vo.menu_id}" href="javascript:void(0)">預 覽</a> $('#preview').live('click',function(){ var menu_id = $(this).attr('mid'); }
<td style="line-height:100px;">
<input type="hidden" value="{$vo.menu_id}">
{$i}
</td>
$('#preview').live('click',function(){
var menu_id = $(this).closest('tr').children
('td').eq(0).children('input').val();
confirm(menu_id);
}