模态框 高亮问题

我写的java ee模态框怎么不高亮，按不动按钮。
jsp:
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel">选择货物</h4>
</div>
<div class="modal-body">
<div class="container-fluid" style="min-height: 350px;">
<select class="form-control" style="width: 150px;" id="cate_id">
<c:forEach items="${cateList}" var="cate">
<option value="${cate.id}">${cate.name}</option>
</c:forEach>
</select>
<table class="table table-striped table-bordered table-hover"
id="data_table" style="margin-top: 20px;">
<thead>
<tr>
<th>&nbsp;</th>
<th>货物名称</th>
<th>货物规格</th>
<th>货物单价</th>
<th>货物单位</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" id="ok" class="btn btn-primary">选中</button>
</div>
</div>
</div>
</div>
js:
function loadAjaxData() {//加载商品列表
var param = {
id : $("#cate_id").val()
};
$
.post(
"${ctx}/mgr/prod_ajaxList.action",
param,
function(json) {
var str = "";
$(json)
.each(
function(idx, item) {//拼接表格内容的过程
str += "<tr><td><input type='radio' name='prod_id' value='" + item.id + "' class='item_id'></td><td>"
+ item.name
+ "</td><td>"
+ item.model
+ "</td><td>"
+ item.sale_price
+ "</td><td>"
+ item.unit
+ "</td></tr>";
});

$("#data_table>tbody").html(str);
}, "json");
}
//打开模态框前需要进行的操作
$("#myModal").on('show.bs.modal', function() {
loadAjaxData();
});

//显示模态框
var curr_row = null;//当前点击的行
$(".open").click(function() {
curr_row = $(this).parent().parent().parent();
$("#myModal").modal("show");
});
//改变分类时，获取新的商品列表
$("#cate_id").change(function() {
loadAjaxData();
});

function totalAll() { //计算总价
var t = 0;
$("input[name='total_price']", "#table_items").each(
function(i, ele) {
//TODO 还需要转换成数字进行计算。
t += parseFloat($(this).val());
});
$("#total").html(t);
}

//在对话框中点击“选中”时
$("#ok")
.click(
function() {
$("#myModal").modal("hide");

$(".item_id")
.each(
function(i, ele) {
if ($(ele).prop('checked')) { //判断当前radio如果是选中的，就加载商品信息
var param = {
id : $(ele).val()
};
//根据商品的id去加载数据
$
.post(
"${ctx}/mgr/prod_ajaxDetail.action",
param,
function(
json) {
//alert(curr_row);
var row = curr_row;//$("#table_items>tbody>tr").eq(curr_row);
//给表格当前行设置值
$(
"input[name='name']",
row)
.val(
json.name);
$(
"input[name='p_id']",
row)
.val(
json.id);
$(
"input[name='unit']",
row)
.val(
json.unit);
var num = $(
"input[name='p_num']",
row);
num
.val(1); //默认数量为1

var sale_price = $(
"input[name='sale_price']",
row);
sale_price
.val(json.sale_price);

sale_price
.change(function() {
total
.val(sale_price
.val()
* num
.val());
totalAll();
});

var total = $(
"input[name='total_price']",
row);
total
.val(sale_price
.val()
* num
.val()); //当前项的总价

num
.change(function() {
total
.val(sale_price
.val()
* num
.val());
totalAll();
});

totalAll();
}, "json");
}
});
return false;
});