Nicht möglich Modal auf Klick auf Link

Question

anzuzeigen

Ich versuche, ein Modal auf Klick auf einen Link zu öffnen. es öffnet sich jedoch nicht. Unten ist der Code für den Link:

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

Dies ist der Code für die modale

<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> 

Dies ist die Funktion

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

PLease führen, wo bin ich fehlt ?

Answer 1

Ich fand das Problem.Ich fehlte # vor Aufruf Modal anzuzeigen. Unten ist der modifizierte Code

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