两个相同的页面，jQuery leanmodal只能在一个中工作

仅通过代码，两个页面加载的脚本和库是相同的，使用了相同的模板，主要内容略有不同，但leanmodal仅在索引页上工作，但不在任何其他页面。两个相同的页面，jQuery leanmodal只能在一个中工作

<script type="text/javascript" src="js/jquery.leanModal.min.js"></script> 
<a id="modal_trigger" href="#modal">Login/Register</a> 


<div id="modal" class="popupContainer" style="display:none;"> 
<header class="popupHeader"> 
    <span class="header_title">site.lt</span> 

</header> 

<section class="popupBody"> 
    <!-- Social Login --> 
    <div class="social_login"> 
    <div class=""> 
<script type="text/javascript"> 

    $("#modal_trigger, #add_ad").leanModal({top : 200, overlay : 0.6, closeButton: ".modal_close" }); 

    $(function(){ 
    // Calling Login Form 
    $("#login_form").click(function(){ 
     $(".social_login").hide(); 
     $(".user_login").show(); 
     $(".password_reset").hide(); 
     return false; 
    });

你可以在这里尝试一下（点击 “Prisijungti /Užsiregistruoti” 在右上角）http://www.bilietukai.lt。在控制台中看不到任何相关的东西，至少我看不到它，因为我现在更多是一个PHP人员，而且还没有足够好的JS/jQuery。

来源

2016-03-04 El_Mariachi

看起来像是在其他页面上错误地加载了jquery.leanModal.min.js。你确定你的路径是正确的吗？ –

事情是 - 我使用与所有脚本和路径完全相同的头文件。我可以看到唯一的区别是在.lt后面有一些东西，我的意思是像.lt/muzika或其他地址，而不仅仅是主页/主域。也许这有些事情要做/不知何故干扰如何启动模式。无法将我的头围绕在此.. –

您正在使用相对路径加载它们。因此，在主页（http://www.bilietukai.lt/）上，文件“js/jquery.leanModal.min.js”解析为http://www.bilietukai.lt/js/jquery.leanModal.min。 JS。在Muzika页面上（http://www.bilietukai.lt/Muzika/），同一个文件解析为“http://www.bilietukai.lt/Muzika//js/jquery.leanModal.min.js”，它不是该文件在哪里。我认为使它成为绝对路径会有所帮助，所以“/js/jquery.leanModal.min.js” –

Alex Taker发现了这个问题，js脚本的相对路径。很明显，我在寻找问题时只是失去了树木。

来源

2016-03-05 12:34:15

两个相同的页面，jQuery leanmodal只能在一个中工作

回答

相关问题