1

eric martin のモーダル ウィンドウについて 3 つの小さな質問がありますが、理解できないようです。このモーダルを使用したことがある人なら誰でも助けてくれることを願っています。アクセスできる基本的なアプリケーションを作成したので、現在ここにあるモーダル ウィンドウで何が起こっているかを確認できます。

以下は、私が現在持っているモーダル ウィンドウの完全なコードです。

Javascript:

 function plusbutton()
    {

    $(".previouslink").modal(); 

    return false;
}

HTML:

<table id="plus" align="center">
<tr>
<th>
<a href="previousquestions.php" class="previouslink" onclick="return plusbutton();">
<image src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage"/>
</a>
<span id="plussignmsg">(Click Plus Sign to look <br/> up Previous Questions)</span>
</th>
</tr>
</table>

質問 1: アプリケーションでプラス記号をクリックすると、モーダル ウィンドウに不要なプラス記号が表示されます。モーダル ウィンドウにプラス記号が表示されるのはなぜですか。これを削除するにはどうすればよいですか?

質問 2: モーダル ウィンドウの右上隅に、閉じるボタン (x のイメージ) が表示されるはずですが、閉じるボタンが表示されません。css のディレクトリを閉じるボタンは次のとおりです。

background:url(/images/x.png);

cssページから画像に移動するには、「images」フォルダーに移動する必要があり、そこに「x.png」画像があるため、これがディレクトリです。

質問 3: 私の html を見ると、ハイパーリンクで実際に perviousquestions.php ページにリンクしたいことがわかります。だから私が欲しいのは、ユーザーがプラスボタンをクリックすると、「previousquestions.php」ページからの情報を表示するモーダルウィンドウが表示されることです。これはどのように達成できますか？

どうもありがとうございました。

4

1 に答える 1

1

モーダルウィンドウに表示したい情報は、別の場所に配置する必要があります。あなたが言って何をしているのか

$(".previouslink").modal();

親要素.previouslink内のすべてのものをモーダルウィンドウのコンテンツにしたいということです。

コンテンツを別のスパンまたはdivに移動して、モーダルがポップしたときに必要なものが得られるようにしてください。

background：urlには、/の前と.pngの後に'を使用してみてください。

好きbackground:url('/images/x.png');

于 2012-05-22T12:36:27.990 に答える