入力コントロールに関連付けられたブートストラップボタンが機能しません。

Question

私は入力コントロールに関連付けられたボタンを持っています。クリックすると機能を呼び出したいと思います。

<div class="col-xs-4 selectContainer"> 
<label for="fldVIN" >VIN</label> 
<div class="input-group"> 
    <input type="text" id="fldVIN" data-bind="value:VIN" class="form-control" placeholder="Search VIN to retrieve the details"/> 
    <span class="input-group-btn"> 
     <button class="btn btn-secondary" type="button" id="searchVINBtn">Go!</button> 
    </span> 
</div> 

、ここで私が試したサンプルスクリプトですが、それはクリック機能を呼び出しません。

$(document).ready(function() 
{ 
registerEventHandlers(); 
}); 

function registerEventHandlers(){ 
$('#searchVINBtn').click(function(e){ 
     getCRMorDMSDetails() ; 
     }); 
}); 

function getCRMorDMSDetails() 
      { 
      alert('hi');     
      } 

Answer 1

あなたのregisterEventHandlers関数の後に余分な)を持っています。

お使いのブラウザのエラーコンソールがこれを指摘しているはずです。 これは常にあなたが見る最初の場所であるべきです。

作業バージョン：

$(document).ready(function() { 
 
    registerEventHandlers(); 
 
    }); 
 

 
    function registerEventHandlers() { 
 
    $('#searchVINBtn').click(function(e) { 
 
     getCRMorDMSDetails(); 
 
    }); 
 
    }; /* Remove ")" from this line */ 
 

 
    function getCRMorDMSDetails() { 
 
    alert('hi'); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<div class="col-xs-4 selectContainer"> 
 
    <label for="fldVIN">VIN</label> 
 
    <div class="input-group"> 
 
    <input type="text" id="fldVIN" data-bind="value:VIN" class="form-control" placeholder="Search VIN to retrieve the details" /> 
 
    <span class="input-group-btn"> 
 
     <button class="btn btn-secondary" type="button" id="searchVINBtn">Go!</button> 
 
    </span> 
 
    </div>