リンクのクリックでモーダルを表示できません

Question

リンクのクリックでモーダルを開こうとしています。しかし、それは開いていません。下記のリンクのためのコードです：

<div class="span4" style="font-size: 14px">    
    <a href="#" onClick="openModal(); return false;" cssClass="view-more" >Some<br>textlater</a> 
</div> 

これは、これが機能

<script type="text/javascript"> 
    function openModal(){ 
     alert("hello"); 
     $('myDiv').modal('show'); 
    } 

あるモーダル

<div class="modal hide fade" id="myDiv" style="width: 520px;display: block;border: 1px solid black"> 
<div class="modal-header" style="width: 517px;"><button type="button" class="close" data-dismiss="modal" aria-hidden="true" >&times;</button></div>  
<div class="modal-body""> 
<div id="mydiv1" style="text-align:center;"> 
    <div class="span9"><img alt="img" style="margin-bottom: 10px;padding-top: 2px" src="./images/img.png"></div> 
</div>  
</div> 
<div class="modal-footer"> 
<div class="button-bar-footer"> 
     <div class="row"> 
      <div class="pull-left"> 
       <s:a href="#" cssClass="btn btn-link btn-back" data-dismiss="modal"> 
        <span><s:text name="generic.cancel" /></span> 
       </s:a> 
      </div> 
      <div class="pull-right"> 
      <button type="button" class="btn btn-success" data-dismiss="modal">Close</button>         
      </div> 
     </div> 
    </div> 
    </div> 
    </div> 

するためのコードで、私はどこに行方不明です案内してください？

Answer 1

show modalを呼び出す前に問題が見つかりました。以下は変更されたコードです

<script type="text/javascript"> 
    function openModal(){ 
     alert("hello"); 
    $('#myDiv').modal('show'); 
}