모달에 대한 참조 스크립트?

메인 페이지가 있는데 모달이 있습니다 ... 모달은 스크립트가 있지만 작동하지 않으며 그 이유를 모르겠습니다. 나는 그래서이모달에 대한 참조 스크립트?

<!--Modal Scripts--> 
<script type="text/javascript"> 
    $(document).ready(function() { 

     FooterPopulate("https://new-public.sharepoint.com", "Footer", "#Footer"); 
     InterestLinksPopulate("https://new-public.sharepoint.com", "Links", "#Links"); 
     SiteMapPopulate("https://new-public.sharepoint.com", "Map", "#Map"); 
     ImgLinksPopulate("https://new-public.sharepoint.com","ImageLink","#ImageLink"); 


    UnetePopulate("https://new-public.sharepoint.com", "EtiquetasFormularios"); 

var s = skrollr.init(); 

s.refresh($('.homeSlide')); 

$('#ctl00').validate({ 
    rules: { 
     txtNombreCompleto: { 
      required: true, 
      maxlength: 50 
     }, 
     exampleInputEmail2: { 
      required: true, 
      email: true, 
      maxlength: 30 
     }, 
     dropOficina: { 
      required: true 
     }, 
     txtTelefono: { 
      required: true, 
      maxlength: 30 
     }, 
     txtMensaje: { 
      required: true, 
      maxlength: 255 
     }, 
     getFile: { 
      required: true 
     }, 
     acceptData: { 
      required: true 
     } 
    }, 
    messages: { 
     txtNombreCompleto: { 
      required: "Capture el nombre completo", 
      maxlength: jQuery.validator.format("Solo son permitidos {0} caracteres") 
     }, 
      exampleInputEmail2: { 
      required: "Capture el correo electrónico", 
      email: "Capture un correo electrónico válido", 
      maxlength: jQuery.validator.format("Solo son permitidos {0} caracteres") 
     }, 
     dropOficina: { 
      required: "Seleccione la oficina a aplicar" 
     }, 
     txtTelefono: { 
      required: "Capture el teléfono", 
      maxlength: jQuery.validator.format("Solo son permitidos {0} caracteres") 
     }, 
     txtMensaje: { 
      required: "Capture el mensaje", 
      maxlength: jQuery.validator.format("Solo son permitidos {0} caracteres") 
     }, 
     getFile: { 
      required: "Seleccione su C.V." 
     }, 
     acceptData: { 
      required: "Acepte el envío de información personal" 
     } 
    } 
}); 

$body = $("body"); 

$(document).on({ 
ajaxStart: function() { $body.addClass("loading"); }, 
ajaxStop: function() { $body.removeClass("loading"); }  
}); 

    }); 

</script> 

</head> 

<body> 
<div id="mymodal" class="fade modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" > 
<div class="modal-dialog modal-lg"> 
<div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" onclick="window.close()" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> 
       <span class="modal-title th2" id="lblModalLabel" name="lblModalLabel">Join Us</span> 
      </div> 
      <div class="modal-body"> 

       <img src="/SiteAssets/NV_JoinImage.png" class="img-responsive img-center"> 

       <hr> 
       <div class="form-group"> 
        <input type="text" class="form-control" id="txtNombreCompleto" name="txtNombreCompleto" placeholder="Nombre completo"> 
       </div> 

       <div class="form-group"> 
        <div class="input-group"> 
         <div class="input-group-addon">@</div> 
         <input type="email" class="form-control" id="exampleInputEmail2" name="exampleInputEmail2" placeholder="Su correo electrónico"> 
        </div> 
       </div> 
       <div class="form-group"> 
        <select class="form-control" id="dropOficina" name="dropOficina"> 
         <option value="">Select one</option> 
         <option value="">Mexico</option> 
         <option value="">Ontario</option> 
        </select> 
       </div> 
       <div class="form-group"> 
        <input type="text" class="form-control" id="txtTelefono" name="txtTelefono" placeholder="Teléfono"> 
       </div> 
       <div class="form-group"> 
        <textarea rows="5" class="form-control" id="txtMensaje" name="txtMensaje" placeholder="Mensaje"></textarea> 
       </div> 
       <div class="form-group"> 
        <input type="file" class="form-control" id="getFile" name="getFile" value="Seleccione su C.V." placeholder="Seleccione su C.V."> 
       </div> 
       <div class="form-group"> 
        <input type="checkbox" class="form-control" id="acceptData" name="acceptData" value="1" checked> 
        <span id="acceptDataLabel" name="acceptDataLabel">Acepto enviar mi información personal</span> 
       </div> 
       <div class="form-group"> 
        <span id="avisoUnete" name="avisoUnete">Aviso</span> 
       </div> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal" onclick="window.close()" id="btnCerrar">Close</button> 
       <button type="button" class="btn btn-primary" onclick="saveUnete()" id="btnEnviar">Send</button> 
      </div> 
     </div></div> 
</div>

처럼 넣어, 내 모달 스크립트를 얻을 위해 내가 할 수있는 방법? 어떤 도움은 매우 당신이 부트 스트랩을 사용하는 것 같다

출처

2016-06-16 Gerry

* 어떤 것이 효과가 없는지를 분명히하지 않으면 누구든지 도움을 받기가 어렵습니다. 누구나 대답하는 것은 당신을 도울 방법을 추측 할뿐입니다. 해당되는 경우 JSFiddle/Codepen을 추가하면 [MVCE] (http://stackoverflow.com/help/mcve) – HPierce

을 apreciated된다.

당신은 버튼

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"> 
    Launch demo 
</button>

를 사용하거나 자바 스크립트

$('#myModal').modal();

사용하여 수동으로 트리거 할 수 있습니다 당신이 보여주고 싶은 경우에 당신은 Bootstrap documentation에서 설명한대로, 어떻게 든 그것을 실행할 필요가 모달 당신의 코드에는 보이지 않는 jQuery, Bootstrap CSS, Bootstrap JS를로드해야한다는 것을 명심하십시오.

출처

2016-06-17 02:26:07 Mick

모달에 대한 참조 스크립트?

답변

관련 문제