Das modale Popup bleibt nach dem Öffnen nicht sichtbar. (Wie finde ich widersprüchliche Skripte?)

Ich versuche, ein Bootstrap-Modal auf einem CTA auf dem Heldenbild zu implementieren. Es funktioniert irgendwie, es taucht auf, verschwindet dann aber sofort wieder.Das modale Popup bleibt nach dem Öffnen nicht sichtbar. (Wie finde ich widersprüchliche Skripte?)

Ich bin mir bewusst, dass es sein könnte, weil ich zwei Versionen der gleichen Bibliothek laufen, aber da es ein CMS ist, bin ich nicht sicher, wie diese Skripte zielen oder sie bearbeiten, weil ich befürchte, ich könnte das ganze zusammenbrechen verdammtes Ding.

Es ist nur ein einfaches Bootstrap-Modal.

//THESE ARE ALL THE SCRIPTS RUNNING ON THE PAGE 
 

 
<head id="Head1"> 
 
<meta charset="utf-8" /><link rel="icon" href="/costar.ico?v=2" type="image/x-icon" /> 
 
<meta name="viewport" content="width=device-width, initial-scale=1" /> 
 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
 
<script type="text/javascript"><script type="text/javascript" src="http://www.dtc-v6t.com/js/45363.js"> 
 
    
 
</script> 
 
<noscript><img src="http://www.dtc-v6t.com/45363.png" style="display:none;" /></noscript> 
 
</script><script type="text/javascript">$(document).ready(function() { 
 
    $("ul.nav li:nth-child(5)").text("Market Your Space"); 
 
}); 
 
</script><meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
 
<link href="/Telerik.Web.UI.WebResource.axd?d=R_u6bpYKrV_wf3yBwIyPzlvxi8v-72YlfkC9vnieL_7HEsHSRUO_Bkhy5iF20mzVFFRNI2kS-9WuklIISZfKKGH6aLFpcG5bN_q8tlKIBUxWd9LaMjguwIEvJ016T4rGSLUc3g2&amp;t=636160552680000000&amp;compress=0&amp;_TSM_CombinedScripts_=%3b%3bTelerik.Sitefinity.Resources%2c+Version%3d8.2.5900.0%2c+Culture%3dneutral%2c+PublicKeyToken%3db28c218413bdf563%3aen-GB%3a6a9f3ba9-0b01-4890-9b6c-b4a98b0257b5%3a83fa35c7%3a7a90d6a" type="text/css" rel="stylesheet" /> 
 

 

 
<!--CUSTOM SCRIPT TO ADD BUTTON--> 
 
<script> 
 
$(function() { 
 
    var html = '<button id="watchVideoBtn" data-target="#myModal" data-toggle="modal" data-toggle="modal" data-backdrop="true" data-keyboard="true">Watch video</button>'; 
 

 
$(".heroimage-calltoaction").replaceWith(html) 
 
}); 
 

 

 

 

 
$(function() { 
 
    $("ul.nav li:nth-child(5)").text("Market Your Space"); 
 
}); 
 
$(function() { 
 
    $("ul.nav li#productLink").insertAfter($("ul.nav li:nth-child(4)")); 
 
}); 
 
</script> 
 
<!--CUSTOM SCRIPT TO ADD BUTTON--> 
 

 

 
<link href="/Sitefinity/Public/ResponsiveDesign/layout_transformations.css?unique_key=6362c0c5-018f-4bc2-8741-ca2add2e1e5a" type="text/css" rel="stylesheet" /> 
 
<link href="/Sitefinity/WebsiteTemplates/CoStarUK/App_Themes/CoStarUK/global/Reset.css?v=635495676080000000" type="text/css" rel="stylesheet" /> 
 
<link href="/Sitefinity/WebsiteTemplates/CoStarUK/App_Themes/CoStarUK/global/Layout.css?v=635495676080000000" type="text/css" rel="stylesheet" /> 
 
<link href="/Sitefinity/WebsiteTemplates/CoStarUK/App_Themes/CoStarUK/global/video-js.css?v=635495676080000000" type="text/css" rel="stylesheet" /> 
 
<link href="/Sitefinity/WebsiteTemplates/CoStarUK/App_Themes/CoStarUK/global/costaruk.css?v=635495676080000000" type="text/css" rel="stylesheet" /> 
 

 
\t <script type="text/javascript" src="/Scripts/bootstrap/js/bootstrap.min.js"></script> 
 
\t <script type="text/javascript" src="/Scripts/costar.js"></script> 
 
\t <script type="text/javascript" src="/Scripts/demoModal.js"></script> 
 
\t <script type="text/javascript" src="/Scripts/video-js/video.js"></script> 
 
\t <script> 
 
\t \t videojs.options.flash.swf = "/Scripts/video-js/video-js.swf" 
 
    </script> 
 
</body> 
 
</html>

<!-- Modal --> 
 
<div id="myModal" class="modal fade" role="dialog"> 
 
<div class="modal-dialog"> 
 
<!-- Modal content--> 
 
<div class="modal-content"> 
 
<div class="modal-header"> 
 
<button type="button" class="close" data-dismiss="modal">&times;</button> 
 
<h4 class="modal-title">Modal Header</h4> 
 
</div> 
 
<div class="modal-body"> 
 
<p>Some text in the modal.</p> 
 
</div> 
 
<div class="modal-footer"> 
 
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
</div> 
 
</div> 
 
</div> 
 
</div>

Vielen Dank für jede Hilfe im Voraus xox

Quelle

2017-03-10 Daryn Higginson

Bitte fügen Sie das Include der Librarys hinzu. – DomeTune

@DomeTune Ich habe jetzt alle auf der Seite verwendeten Skripte hinzugefügt, danke. –

@DaryinHigginson hast du einen '' -Tag zu viel nach deinem '' -Tag, ist es nur falsch hier oder in deinem Code? – DomeTune

die Widgets auf Ihrer Seite prüfen (oder auf der entsprechenden Seite Template) - es gibt wohl eine oder mehrere dort Javascript-Widgets. In Sitefinity fügt das JavaScript-Widget das Tag automatisch hinzu, aber oft fügen die Inhalts-Editoren auch Tags hinzu, was zu doppelten Skript-Tags auf der Seite führt.

Sie möchten also sicherstellen, dass alle JavaScript-Widgets auf der Seite kein Skript-Tag in ihrem Körper haben.

Quelle

2017-03-13 02:51:28

Vielen Dank @Veselin. Problem ist ehrlich gesagt kann ich nicht finden, wo dieses Skript herkommt ... Gibt es irgendeine Weise, es mit Skript zu entfernen? Ich kann es in der Konsole sehen, weiß aber nicht, woher es kommt. –

Das modale Popup bleibt nach dem Öffnen nicht sichtbar. (Wie finde ich widersprüchliche Skripte?)

Antwort

Verwandte Themen