1

我们正在开发一个订单表单页面，该页面将在选择选项卡时加载特定的订单表单文件。

见这里，http://www.psd2htmlpros.com/dev/order-form3/

该站点已经在此页面上有工作选项卡，http://www.psd2htmlpros.com/service.html

但是问题是，当有人单击订单页面 (http://www.psd2htmlpros.com/dev/order-form3/) 上的一个选项卡时，它会在 URL 的末尾添加一个 # 符号，然后中断其他表格的一部分。例如。

如果我单击黄金包，您会注意到它会在末尾或页面 URL 添加一个 #（磅）符号，然后尝试单击“附加选项”区域下的选项之一，选项卡不会打开。

这是当前正在使用的JS代码。

有谁知道如何解决这个问题，这样它就不会在选择其中一个包后添加#（磅）符号？

//--------- 代码从这里开始 ------------//

<div class="order-form-tabs">

<ul class="nav">

<li><h2><a id="silver" href="#" class="current curved-top" rel="tab1">Silver Package</a></h2><h4 style="padding:10px 0;">$97</h4><strong>Package Includes:</strong><br /><i>XHTML 1.0 Transitional/CSS 2.1<br />100% Hand-coded and W3C Valid<br />Table-less markup<br />Optimized Shorthand CSS<br />Cross-browser compatibility</i></li>

<li><h2><a id="gold" href="#" class="curved-top" rel="tab2">Gold Package</a></h2><h4 style="padding:10px 0;">$148</h4><strong>Package Includes:</strong><br /><i>XHTML 1.0 Strict/CSS 2.1<br />100% Hand-coded and W3C Valid<br />Table-less markup<br />Optimized Shorthand CSS<br />Cross-browser compatibility<br />SEO Semantic Coding<br />Complete Presentational Separation<br />Load Speed Optimization</i></li>

<li><h2><a id="platinum" href="#" class="curved-top" rel="tab3">Platinum Package</a></h2><h4 style="padding:10px 0;">$188</h4><strong>Package Includes:</strong><br /><i>HTML5/CSS3<br />100% Hand-coded and W3C Valid<br />Table-less markup<br />Optimized Shorthand CSS<br />Cross-browser compatibility<br />SEO Semantic Coding<br />Complete Presentational Separation<br />Load Speed Optimization</i></li></li>

</ul>

<div class="separator"></div>


<div id="tab1">

<?php include "order-silver.php" ?>

</div>


<div id="tab2">

</div>


<div id="tab3">

</div>


<script type="text/javascript">
$('#silver').click(function(){
    $("#tab1").load("order-silver.php");
    $('#tab2').empty();
    $('#tab3').empty();
});

$('#gold').click(function(){
    $("#tab2").load("order-gold.php");
    $('#tab1').empty();
    $('#tab3').empty();
});

$('#platinum').click(function(){
    $("#tab3").load("order-platinum.php");
    $('#tab1').empty();
    $('#tab2').empty();
});

</script>

</div>

//--------- 代码到此结束 ------------//

4

0 回答 0