2015-12-14 136 views
1

我懷疑我的JS導致按鈕無法點擊。如果我註釋掉jqGrid代碼,按鈕將起作用。添加jqGrid後按鈕停止工作

按鈕和錨都沒有工作,他們似乎禁用,但我沒有看到任何使他們如此。

JS:

$(document).ready(function() { 

    $("#hardware-grid").jqGrid({ 

     url: '/Hardware/PopulateHardwareGrid', 
     datatype: "json", 
     colNames: ['Id', 'Type', 'Model', 'Description', 'Price', 'Select'], 
     colModel: [ 
       { name: "Id", key: true, hidden: true }, 
       { name: "ItemType" }, 
       { name: "Model" }, 
       { name: "ItemDescription", width: 400 }, 
       { name: "Price", formatter: "currency", align: "center" }, 
       { name: "Select", formatter: 'actions', formatOptions: { keys: true, } } 
     ], 
     loadonce: false, 
     height: 'auto', 
     pager: '#grid-pager' 

    }); 

    $("#clicky").on('click', function() { 
     alert("This is working"); 
    }); 

}); 

HTML:

<input type="button" value="Alert Selected ID" class="btn btn-default" id="clicky" /> 


<div class="tile tile-blue"> 
    <h2>Computers</h2> 
    <table class="table table-bordered table-striped" id="hardware-grid"></table> 
    <div id="grid-pager"></div> 

    <hr /> 

    <h2>Mobile Devices</h2> 


    <a class="btn btn-info" href="/Accessory">Next</a> 


</div> 
+0

是否有在控制檯的錯誤?我可能是錯的,但是這個額外的逗號導致了一個錯誤:{keys:true,} – AtheistP3ace

+0

你介意使用[jsfiddle](http://jsfiddle.net)或類似的東西來提供一個例子嗎? – Dom

+0

您是否使用瀏覽器的檢查器來查找覆蓋按鈕的透明元素?它可能有一個或兩個負邊界。 – isherwood

回答

0

不知道是否有{ keys: true, }後需要的 ''。你也可以把

$("#clicky").on('click', function() { 
     alert("This is working"); 
    }); 

$("#hardware-grid").jqGrid({..