問題タブ [anchor]

これはすべて、要求されない限り一部のコンテンツを非表示にする方法が必要だったときに始まりました。私はすでにいくつかのツールチップにlink：hoverメソッドを使用しており、この目的にそれを適応させることに挑戦したいと思っていました。

私のサイトの性質は携帯電話での使用に適しているため、JSの使用を避けています。また、JSがサポートされている場合でも、読み込みが目立ち、失敗するとサイトの使用にイライラする可能性があります。

そのため、タイムスタンプで生成されたURLを持つアンカータグのdivタグにiframeがあります。実際にiframeを非表示にすると、IEに読み込まれなくなりました。代わりに、「アクセス済み」状態になるまで、iframeの高さを0に設定しました。もともとはdivを使っていたのですが、リンク属性が引き継がれていたので、フレームを導入しました。FFでは、これは期待どおりに機能しました（リンクが存在しないフレームの要素にリンクステータスを適用するのはなぜですか？）さらに質問があります。「そもそもなぜフレームをアンカータグでラップするのでしょうか。 ？"は十分に有効です））しかし、IEでは、「リンクされた」状態は、フレームの機能を部分的に妨害します。

カーソルは正常ですが、フレーム内の何かをクリックしようとすると、通常のURLを示すポインターが短時間表示されます。フレーム内のリンクは正常に機能しますが、フォームには注意が必要です。フレーム内の2回目のクリックでのみ、フォームフィールドにケアレットを設定できます。最初のクリックでフレームにフォーカスが移るようです。その後、フォームフィールドをクリックすると十分に機能します。最後の注意点は、ユーザーがフォームフィールドに入力したテキストを含め、iframe内でマウスを使用して何も選択できないことです。

私はz-indexesを無駄に使って遊んだり、アクセスしたときにリンク自体の可視性を非表示に設定しようとしました（これは機能しましたが、私はまだふりをしているのですが、私を殺しませんでした） 'IEでのm-a-linkの動作。

考え？

関連コード：html：

CSS：

私のサイトには厳密に JavaScript であるリンクがあり、ユーザーはオプションでブラウザのリンク バーにドラッグできます。ファビコンに関連付けられたサイトがないため、リンクには常に空白のアイコンが表示されます。ユーザーがドラッグしたときに Favicon を関連付ける方法はありますか? 私は主に Firefox ソリューションに興味がありますが、IE もいいでしょう。

ちょっと、そこ！これが私の問題です。ブラウザの問題である可能性がありますが、ヘルプ/アイデアは素晴らしいでしょう!

ほとんどの場合、次のリダイレクトがあります。

最近のほとんどのブラウザーでは問題なく page.php#images にリダイレクトされますが、IE では #images が取り除かれているようです。誰かがこれに出くわしましたか？これまでのところ、私の唯一のオプション (ひどいオプションだと思います) は、JavaScript を介してリダイレクトすることです。

ありがとう！

更新
単純なサンドボックスを送信しましたが、絶対 URL の有無にかかわらず正常に動作するようです。私の実際のアプリでは、それと競合している何か他のことが起こっていると思います。わかり次第更新していきます、たくさんの回答ありがとうございます！

更新 2
問題が何であるかはわかりましたが、修正についてはまだわかりません。それを壊していたのはファイル入力だったことがわかりました。http://www.stiprojects.com/anchor/で動作を確認できますが 、Firefox では問題なく動作しますが、IE では機能しません。リダイレクトのソース コードは次のとおりです。

私が見ていないものが見えますか？私は困惑している！

jQueryハイパーリンク-href値？文1]

jqueryとアンカー要素にアタッチされたクリックイベントを使用して問題が発生しています。[1]：jQueryハイパーリンク-href値？「この」SOの質問は重複しているようであり、受け入れられた回答は問題を解決していないようです。これが悪いSOエチケットならごめんなさい。

私の.ready（）関数には、次のものがあります。

そして私のアンカーは次のようになります：

ただし、リンクをクリックすると、ajax機能は必要に応じて実行されますが、ブラウザーはページの一番上までスクロールします。良くない。

追加してみました：

ajaxを実行する関数を呼び出す前に、それは役に立ちません。私は何が欠けていますか？

明確化

私はすべての組み合わせを使用しました

jsajax関数の呼び出しの前後。それでも一番上までスクロールします。

ページの読み込み時にリスト内の特定の div を非表示 (display:none) にするスクリプトがあります。div コンテンツは本の説明を表し、リスト全体はある種の参考文献です。すべての div には、「div1」、「div2」などの ID があります。

また、そのようなすべての div へのアンカー リンクで構成される、メニューを含む別のページがあります。

別のページのリンクがクリックされたときに、非表示の div が自動展開されるようにします。window.location.href をいくつか試してみましたが、役に立ちませんでした。私の JS はまだ弱いです。ロジックを理解しているので、現在のURLを取得して「#」をチェックし、id属性の右側の部分を持つ要素を検索する必要があります。親切な方々ありがとうございました。）

改行で区切られた 2 つのアンカーされた画像が重なり合っています。画像を直接重ねて配置したいのですが、Firefox では画像間に隙間があります。IE7で動作します。これを修正できた唯一の方法は、行の高さを変更することです（これはやりたくありません）。

私は次のマークアップを持っています、

は<li>少し大きく、左側に小さな画像があります。実際にをクリックして<a>リンクをアクティブにする必要があります。<li>リンクをアクティブ化するためにクリックするにはどうすればよいですか？

編集1：

リンク付きのdivがあります。<br>また、CSSで垂直方向の間隔を追加する方法がわからなかったため、タグを使用してそれらを並べています。スタイルルールに下マージンと下パディングを追加しようとしましたが、効果がないようです（なぜですか？）。別のタグを追加<br>してそれらをさらに分離することもできますが、CSSを使用してこれを行うには、私が理解できなかったより良い方法があると想定する必要があります。