JS文件不加載第一頁加載？

Question

當執行包含文件（index.shtml）的腳本時，頁面不執行應該執行的任務（在頁面底部顯示div）。

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="cookiesJs/jquery.cookie.js"></script> 
<script src="cookiesJs/c.js"></script> 

我必須重新加載頁面才能使腳本生效。我怎樣才能第一次加載腳本？之前從未有過這個問題。

腳本顯示：

document.write('<style type="text/css">a{text-decoration: none;}#cookieMessage {font-family: Arial, Helvetica, sans-serif;color: #222;background-color: #D1D3D4;padding: 8px;height: auto;position: fixed;width:200px;margin: 0px 0px 0 0;bottom:0px;right:10px;border:#FFF 2px solid;border-bottom:0px;padding: 0px 8px 8px 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;border-top-right-radius: 8px;border-top-left-radius: 8px;text-align:left;overflow:hidden;z-index:999999;}#cookieMessage h6 {font-size: 14px;text-transform: uppercase;padding: 0px;margin-top: 8px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;color: #222;}#cookieMessage img {border:0px;}#cookieMessage p {text-align: left;font-size: 11px;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 2px;margin-left: 0px;color: #222;}#cookieMessage p a {color: #333;}#cookieMessage h6 a {color: #333;text-decoration: none;}#arrow{margin-top: -20px;}</style>'); 
$(document).ready(function(){ 
    $("#polup").toggle(function(){ 
     $("#cookieMessage").animate({height:120},500); 
     $("#arrow").animate({height:0},160); 
    },function(){ 
     $("#cookieMessage").animate({height:22},500); 
     $("#arrow").animate({height:14},160); 
    }); 
}); 

var accepted = get_cookie("accepted"); 
if(accepted == null){ 
    document.cookie = "accepted=no; path=/"; // initialize the cookie 
} 

function accept(){ 
    // when the client clicks accept 
    $("#cookieMessage").fadeOut(); 
    $.cookie("accepted", "yes", { 
     expires : 360,   //expires in 10 days 
     path : '/',   //The value of the path attribute of the cookie 
    }); 
} 
function get_cookie (cookie_name) 
// method to retrieve a cookie based upon its name entered 
    { 
     var results = document.cookie.match ('(^|;) ?' + cookie_name + '=([^;]*)(;|$)'); 

     if (results) 
     return (unescape (results[2])); 
     else 
     return null; 
    } 
var x = get_cookie("consentCookie"); 

     if((x == null) && (accepted == "no")){ 
     //if the cookie does not exist it is the users first time on the page 
     document.cookie = "consentCookie=no; path=/"; 
     var policy = '<div id="cookieMessage"><h6>Cookie Policy</h6><p>Our website uses cookies. By using our website and agreeing to this policy, you consent to our use of cookies. <a href="cookie_policy.php">Find out more about cookies.</a></p><p><a href="#" onclick="accept();"><img src="cookiesJs/cookieimg/cookie.gif" width="20" height="20" alt="cookie" style="margin-bottom:-5px;" /> I accept</a></p></div>'; 
     document.write(policy); 
    }else if((x == "no") && (accepted == "no")){ 
     // if they have visited before but not accepted 
     document.write('<div id="cookieMessage">'); 
     var policy = '<a href="#_" id="polup"><h6>Cookie Policy</h6> <img id="arrow" align="right" src="cookiesJs/cookieimg/arrow.gif" width="18" height="14" alt="arrow" /></a></h6>'; 
     document.write(policy); 
     document.write('<p>Our website uses cookies. By using our website and agreeing to this policy, you consent to our use of cookies.</p><p><a href="cookie_policy.php">Find out more about cookies.</a></p><p><a href="#" onclick="accept();"><img src="cookiesJs/cookieimg/cookie.gif" width="20" height="20" alt="cookie" style="margin-bottom:-5px;" /> I accept</a></p></div>'); 
     $("#cookieMessage").css("height","20"); 
    }else{ 
     //if they have visited and accepted 
     document.write('<div id="cookieMessage" style="display: none"><h6>Cookie Policy</h6></div>'); 
    } 

Answer 1

難道真的腳本沒有被執行？如果您收到提醒框，您是否嘗試過提醒？

在我看來，你的問題可能與第一頁加載沒有cookie的事實有關，你在代碼中設置它，但我相信你下次加載時只能讀取它。頁。您可以檢查cookie，如果不存在，請設置cookie，以編程方式重新加載並運行代碼的其餘部分。