Question

我有一个带有视觉菜单系统的页面，当点击时会用指定的图像和适当的文本填充指定的区域。下面我列出了页面上使用的容器和脚本的示例。

总共有大约20个，每个都有自己的＃tag。如果我尝试通过下面的链接引用该页面。它不会更改页面内容以匹配唯一的＃标记。我认为这是因为脚本只是一个点击事件。有人可以告诉我如何解决这个问题，这样我就可以在网站的其他html页面上使用此链接，并显示相应的＃信息。

http://jets.chiefaircraft.com/skymaster/available-models.html#af816sw

菜单html：

<div class="box">
<a href="#bh248" class="scheme-links" data-scheme="bh248">
  <div class="boxinner">
    <img src="http://cdn1.chiefaircraft.com/skymaster/images/gallery/bae-t1/BH248.jpg" alt=""/>
    <div class="titlebox">BAE Hawk T-1 - In Stock<br />RAF 2004 Scheme
    </div>
  </div>
  </a>
</div>

点击事件：

$(document).ready(function(event){
     $('.scheme-links').click(function(event){
     var scheme = $(this).attr('data-scheme');
     $('.gallery').hide(event);
     $('#gallery_' + scheme).show(event);
   });
});

该事件引用此信息以填充所选区域：

<div id="gallery_bh248" class="gallery">
<div class="gallery-image"><img src="http://cdn1.chiefaircraft.com/skymaster/images/gallery/bae-t1/BH248.jpg" alt=""/></div>
<div class="gallery-info">
<div class="gallery-text">
<h2><u>Skymaster PRO ARF Plus</u><br />
BAE Hawk T-1:</h2>
<h3>RAF 2004 Scheme (BH248)<br />
In Stock: Only $5,199.50 + Freight</h3>
</div>
<div class="gallery-upgrade">
<p><b>Includes the Following Upgrades:</b></p>
<ul><li>Jet Airframe: BH248 RAF 2004 Scheme</li>
<li>Scale Landing Gear: AP921</li>
<li>Speed Brake Assembly Factory Installed</li>
<li>Landing Gear &amp; Doors Factory Installed</li>
<li>Cylinder Set for Gear Doors: AP925</li>
<li>Cockpit Details w/o Pilot: AP927</li>
<li>Exhaust Pipe (P120-P160): AP923</li>
<li>Complete Air Kit: AP921K</li>
<li>Kevlar Fuel Tank: AP922</li>
<li>Hardware Kit: AP924</li>
<li>Wing Bag</li></ul>
</div>
</div>
</div>

Answer 1

你想要的是什么？一旦网站加载，你就可以识别它带来了什么哈希，并且可以正确地加载它。

请进一步详细说明您的代码，如果这不是正确答案，我可以提供帮助/编辑。

$(function()
{
    // Moving page to hash on open
    var hash = null;
    if(window.location.hash)
    {
            hash = window.location.hash;
            window.location.hash = '';
            window.location = hash;
    }
});

如何使用外部链接加载我的java事件？

1 个答案: