Question

我只需要使用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>

下面是“previoustring”div标签，位于“previousquestions.php”页面中：

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

Answer 1

你使用哪种模态插件？我建议你看看它的文档，因为大多数文档已经能够通过AJAX加载内容。

但不管怎样，我认为这里有一个误解：你基本上告诉jQuery “把类带'previouslink'带到元素中，然后把它变成一个模态窗口” - 但是有当前页面上没有该类的元素（QandATable.php）。

编辑：对于simpleModal，它应该像这样工作：

$.modal( $('<div />').load('previousquestions.php .previouslink') );

如何使用ajax在单独的页面上链接div标签

1 个答案: