0

jQueryでアニメーション化して表示する非表示のコンテンツがたくさんあるページがあります。たとえば、hrefとして＃を含むリンクがあるメインページがあります。クリックすると、一致するdivがそのリンクにアニメーション化され、表示されるようにアニメーション化されます。

URLから直接これらのdivにアクセスできる方法が必要です。現在、私はいくつかのjavascriptコードを使用して、divに一致するタグのクリックをアニメーション化しています。たとえば<a>、IDが。のamタグをクリックしたいとしますaboutus。私のURLはになりwww.myurl.com/homepage.aspx#aboutus、javascriptは＃の後にすべてを取り、そのタグをクリックします。次に、タグをクリックして、必要なdivをアニメーション化します。ただし、たとえば、を置くことで参照できるものが必要ですwww.myurl.com/aboutus。

divごとにフォルダを作成し、必要なdivが表示されたメインページのコピーを配置することを考えましたが、それが問題に取り組む最も効率的な方法ではないと思います。誰かがこれを達成するための良いアイデアを持っていますか？

4

1 に答える 1

1

Apache Webサーバーでホストしている場合は.htaccess、コンテンツと同じフォルダーに次のファイルを作成します。

<IfModule mod_rewrite.c>
  # Enable rewrite engine
  RewriteEngine on

  # If the condition "file does not exist"…
  RewriteCond %{REQUEST_FILENAME} !-f
  # or the condition "directory does not exist"…
  RewriteCond %{REQUEST_FILENAME} !-d
  # rewrite the request as if it came from index.php
  RewriteRule ^ index.php [L]
</IfModule>

IISサーバーの場合は、次のweb.configファイルを試してください。

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <!-- Rewrite URLs of the form 'x' to the form 'index.php?q=x'. -->
        <rule name="Short URLs" stopProcessing="true">
          <match url="^(.*)$" ignoreCase="false" />
          <conditions>
            <add input="{REQUEST_FILENAME}" matchType="IsFile" ignoreCase="false" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" />
          </conditions>
          <action type="Rewrite" url="index.php?q={R:1}" appendQueryString="true" />
        </rule>
      </rules>
    </rewrite>

    <httpErrors>
      <remove statusCode="404" subStatusCode="-1" />
      <error statusCode="404" prefixLanguageFilePath="" path="/index.php" responseMode="ExecuteURL" />
    </httpErrors>

    <defaultDocument>
      <!-- Set the default document -->
      <files>
        <remove value="index.php" />
        <add value="index.php" />
      </files>
    </defaultDocument>
  </system.webServer>
</configuration>

どちらの構成も、 Drupal7構成ファイルに大まかに基づいています。実際のファイルまたはディレクトリ（例：/ about-us）と一致しないすべてのリクエストをWebサーバーに送信し、代わりに実際に出力を返します（静的HTMLファイルを提供している場合は代わりにそこにindex.php置くことができます）。index.htmlこれはすべてサーバー側で発生します…エンドユーザーは、入力したURLを引き続き表示します（http://yourdomain.com/about-us）。Javascript（as location.href）を使用してそのURLをキャプチャし、必要な表示変更を行うことができます。

于 2013-02-05T19:44:10.797 に答える