我想在英雄圖像上的CTA上實施引導模式。它有點奏效,它彈出後立即消失。模態彈出後保持消失。 (我如何找到衝突的腳本?)
我知道這可能是因爲我有兩個版本的同一個庫運行但因爲它是一個CMS我不知道如何定位這些腳本或編輯它們,因爲我恐怕我可能會崩潰整個血腥的東西。
這只是一個簡單的Bootstrap模態。
//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&t=636160552680000000&compress=0&_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">×</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>
感謝提前XOX
請添加圖書館的內容。 – DomeTune
@DomeTune我已經添加了頁面上使用的所有腳本,謝謝。 –
@DaryinHigginson你在''-tag後面加上了''-tag,這是否僅僅在你的代碼中出現錯誤? – DomeTune