javascript - 提示不适用于 php 页面

Question

我已经尝试了很多不同的变体，但仍然无法让它工作。我只是将提示放在那里，以确保代码按预期工作，然后目标是将更多项目放入 if 语句中，但我最初无法让它工作。我已经将确认函数放在了 js 文件中的所有位置，但它不起作用，但是如果我将它放在带有脚本标记的实际 index.php 页面上，它就可以正常工作。我不知所措。此代码位于 js 文件中。

$(document).ready(function() {

$(function (){


    $('#main-menu ul li a').each(function(){
        var path = window.location.href;
        var current = path.substring(path.lastIndexOf('/')+1);
        var url = $(this).attr('href');

        if(url == current){
            $(this).addClass('active');
            confirm(url);
        };


    });         
});

});

预计到达时间:删除了 document.write。那只是另一个测试。这是页面上的标记

<div id="main-menu"><ul>
           <li id="home-link"><a href="index.php">Home</a></li>
           <li><a href="about.php">About</a></li>
           <li><a href="process.php">Process</a></li>
           <li><a href="portfolio.php">Portfolio</a></li>
           <li><a href="interiordesignnews.php">Press</a></li>
           <li><a href="http://domain.com/blog/" target="_blank">Blog</a></li>
           <li><a href="contact.php">Contact</a></li>
       </div></center>

Answer 1

不应再使用

document.write。这是 JavaScript 的一项已弃用的功能 bad practice .

就您的情况而言，由于您在 DOM 加载后运行它，因此它将删除您的整个页面，然后写入“lorem”。一旦发生这种情况，您的 '#main-menu ul li a' 元素将不再存在。

此外，$(function(){ }); 是 $(document).ready(function(){}) 的简写，因此没有理由两者都使用。