-1

我需要另一组（或几组）眼睛来看看我错过了什么。我正在以下网站上工作：http ://www.nbtc.org/nv2

我正在使用 .load 动态加载内容，当单击链接时，来自 .php 文件的相关代码会加载到位于主屏幕顶部的空 div 中。

顶部菜单栏上的所有链接都运行良好，我在左侧垂直菜单栏上填充的几个链接也运行良好。以 Drive & Park - Cashkey 为例。仅供参考 - “主页”链接有效。

但是，主屏幕上的“免费拼车/拼车匹配、公交信息”链接将无法使用。该代码的格式与其他有效链接的格式相同。我确信我组织不同部分的方式使其无法正常工作，我只是看不到它。

链接很好，从左侧菜单中选择“请求信息”-“拼车信息”会显示相同的页面，没有问题。

在此先感谢您的帮助！

更新！！对不起！！如果我真的放置了正确的网站会有所帮助。它实际上是http://www.nbtc.org/nv2。（我将链接固定在顶部）

至于具体代码，水平和垂直菜单栏中的链接是以下的变体：

<script type="text/javascript">
    $("#menubar").on("click", ".target", function(event{event.preventDefault();
    $("#content").load(event.target.href);
});
</script>

因此，该链接具有“.target”类，然后将链接的 php 加载到主主页顶部的空 div '#content' 中。除了 ID 之外，脚本是相同的。左侧菜单的脚本显示“#leftmenu1”而不是“#menubar”。

所以问题出在“免费拼车匹配”按钮上。它位于空的 '#content' div 后面的 '#splash' div 中，它使用以下脚本：

<script type="text/javascript">
    $("#splash").on("click", ".target", function(event){event.preventDefault();
    $("#content").load(event.target.href);
});
</script>

这是相同的脚本，但它不起作用！查看页面，两个菜单栏中的已完成链接完美运行。我知道它不是链接本身，因为左侧菜单上的一个按钮可以毫无问题地链接到相同的内容。谢谢！

4

2 回答 2

2

在对 Javascript 进行更正后，它仍然无法正常工作。因此，我决定系统地删除 div 的每个部分，直到它可以工作为止。就这样成功了，也就是说我让它起作用了，至于它为什么起作用，我希望有人能启发我。

这是 div 的原始版本：

<div id="cpmatch"><a class="target" href="ridematchapp.php"><span>    
<h1>FREE</h1>Carpool/Vanpool Matching,<br>Transit Info</span></a></div>

使用 css 可以制作一个大圆形按钮，“免费”一词位于第一行，格式为大斜体。使用了“跨度”，因此我可以使其余文本大于屏幕上的正常文本，但小于“免费”且不斜体。

这是跨度！我重新排列了 css 使其更简单，但文本格式相同，删除了跨度，因此 div 现在看起来像这样：

<div id="cpmatch"><a class="target" href="ridematchapp.php">    
<h1>FREE</h1>Carpool/Vanpool Matching,<br>Transit Info</a></div>

有用！我不知道为什么，但确实如此。

我在跨度上的 css 是次要的文本格式。即使我从 css 文件中删除了“#cpmatch span”，它仍然无法工作，因此格式与它无关。

顺便说一句，使用 h1 标签是否符合规定，我正在用 css 重新格式化它，所以它取代了跨度，但如果我把跨度放入，按钮将不起作用。

于 2013-07-08T03:48:12.853 回答
1

您的脚本不应该以：

$(document).ready(function() {

<script>标签之后？像这样：

<script type="text/javascript">
$(document).ready(function() {
    $("#menubar").on("click", ".target", function(event) {
        event.preventDefault();
        $("#content").load(event.target.href);
    });
});
</script>
于 2013-06-28T20:51:30.123 回答