0

ajaxの使用について少し助けが必要です。私が今持っているのはプラス記号のボ​​タン画像です。これで、ユーザーがボタンの画像をクリックすると、モデルウィンドウが開きます。現時点では、モーダルウィンドウは空白です。

モーダルウィンドウが空白である理由は、別のページにあるため、divタグ「previouslink」と正しくリンクしていないためです。（previousquestions.php）。モーダルウィンドウに「previousquestions.php」ページの「previouslink」divタグ内の詳細を表示したいのですが、ajaxを使用してこれをどのように実現できますか？

以下は、ページ（QandATable.php）のモーダルウィンドウと画像ボタンのコードです。

    <script>

      function plusbutton()
        {

        $(".previouslink").modal("previousquestions.php");          
        return false;
    }

    </script>

    <body>

    <h1>CREATING QUESTIONS AND ANSWERS</h1>

    <table id="plus" align="center">
    <tr>
    <th>
    <a onclick="return plusbutton();">
    <img 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>

<div class="previouslink">
</div>

    </body>

以下は、「previousquestions.php」ページにある「previouslink」divタグです。

<button type="button" id="close" onclick="return closewindow();">Close</button>
<h1>PREVIOUS QUESTIONS</h1>

<form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post">
      <p>Search: <input type="text" name="questioncontent" /></p>
      <p><input id="searchquestion" name="searchQuestion" type="submit" value="Search" /></p>
      </form>
4

1 に答える 1

1

どのモーダルプラグインを使用していますか？これらのほとんどはすでにAJAXを介してコンテンツをロードする機能を備えているため、ドキュメントを確認することをお勧めします。

しかし、それにもかかわらず、ここには誤解があると思います。基本的に、jQueryに「クラス'previouslink'の要素を取得し、モーダルウィンドウにします」と伝えますが、現在のページにはそのクラスの要素はありません（ QandATable.php）。

編集：simpleModalの場合、次のように機能するはずです：

$.modal( $('<div />').load('previousquestions.php .previouslink') );
于 2012-05-23T16:01:38.973 に答える