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 回答