Php 通过获取fancybox中的动态内容

Php 通过获取fancybox中的动态内容,php,jquery,fancybox,Php,Jquery,Fancybox,我有多个fancybox实例同时工作,如下所示: <a class="grupito" href="?id=1#various1">Group 1</a> <a class="grupito" href="?id=2#various1">Group 2</a> <a class="grupito" href="?id=3#various1">Group 3</a> 这对我不管用。Fancybox说“无法加载请求的内容。 请

我有多个fancybox实例同时工作,如下所示:

<a class="grupito" href="?id=1#various1">Group 1</a>
<a class="grupito" href="?id=2#various1">Group 2</a>
<a class="grupito" href="?id=3#various1">Group 3</a>
这对我不管用。Fancybox说“无法加载请求的内容。 请稍后再试。”。如果我去掉href的?id=1部分,它会显示出来,但不会有我需要的内容。这是我用fancybox试着做到的吗


编辑:事实上,用firebug检查它,我发现我得到了一个404错误。任何人都可以为我指出正确的方向,看看我如何做到这一点?

如果我正确理解了你的问题,我认为你可能需要重新思考你的方法。我不确定通过在锚点中添加?id=1来实现什么。Fancybox显示页面上已加载的内容。一旦HTML页面被呈现并发送到浏览器,PHP就不会在客户端发生的事情中扮演任何角色

当页面加载时,您需要呈现每个框的所有内容,然后在下面发布的内部链接中引用它们。Fancybox只处理已加载到页面上的内容,因此您需要在初始呈现期间计算每个框的内容

<a class="grupito" href="#various1">Group 1</a>
<a class="grupito" href="#various2">Group 2</a>
<a class="grupito" href="#various3">Group 3</a>

<div style="display: none;">
   <div id="various1">
       //The content from group 1
   </div>
   <div id="various2">
       //The content from group 2
   </div>
   <div id="various3">
       //The content from group 3
   </div>
</div>

//第一组的内容
//第二组的内容
//第三组的内容

如果我正确理解您的问题,我认为您可能需要重新考虑您的方法。我不确定通过在锚点中添加?id=1来实现什么。Fancybox显示页面上已加载的内容。一旦HTML页面被呈现并发送到浏览器,PHP就不会在客户端发生的事情中扮演任何角色

当页面加载时,您需要呈现每个框的所有内容,然后在下面发布的内部链接中引用它们。Fancybox只处理已加载到页面上的内容,因此您需要在初始呈现期间计算每个框的内容

<a class="grupito" href="#various1">Group 1</a>
<a class="grupito" href="#various2">Group 2</a>
<a class="grupito" href="#various3">Group 3</a>

<div style="display: none;">
   <div id="various1">
       //The content from group 1
   </div>
   <div id="various2">
       //The content from group 2
   </div>
   <div id="various3">
       //The content from group 3
   </div>
</div>

//第一组的内容
//第二组的内容
//第三组的内容

您可以使用向服务器发出请求并将该内容动态加载到一个fancybox分区。

您可以使用向服务器发出请求并将该内容动态加载到一个fancybox分区。

我正在为此搜索解决方案,但找不到解决方案

我正在创建一个待办事项列表,当您单击“编辑”时,fancybox会弹出字段来编辑每个待办事项

我最终找到了一个非常简单的方法

以下是我编辑项目的链接:

<div class='edit' id='$id'>
    <a href='#editItem-$id' class='editLink'>edit</a>
</div>
再次查看这里:
editItem-$id
在div上

为了安全起见,我已删除了正确的信息


但是,是的,这会吸引我想要的内容,因为它们都有来自数据库的单独且唯一的ID。

我正在为此搜索解决方案,但找不到解决方案

我正在创建一个待办事项列表,当您单击“编辑”时,fancybox会弹出字段来编辑每个待办事项

我最终找到了一个非常简单的方法

以下是我编辑项目的链接:

<div class='edit' id='$id'>
    <a href='#editItem-$id' class='editLink'>edit</a>
</div>
再次查看这里:
editItem-$id
在div上

为了安全起见,我已删除了正确的信息


但是,是的,这会吸引我想要的内容,因为他们每个人都有来自数据库的单独和唯一的ID。

我怀疑这一点,但感谢您的确认。我想做的解决方案是使用fancybox调用iframe,而不是内联内容。通过这种方式,我打开了一个可以处理get变量的新页面。我怀疑这一点,但感谢您的确认。我想做的解决方案是使用fancybox调用iframe,而不是内联内容。这样我就打开了一个可以处理get变量的新页面。
$getItemId = mysql_query("SELECT * FROM the_items");
$num_rows = mysql_num_rows($getItemId);

while($row = mysql_fetch_array($getItemId)) {
$this_is_the_id= $row['this_is_the_id'];
$this_is_the_title= $row['this_is_the_title'];
$iteminfo= $row['iteminfo'];
$highlow= $row['highlow'];
$whoto= $row['whoto'];
$finished= $row['finished'];
$date= $row['date'];

    echo "<div style='display: none'>
              <div id='editItem-$id'>
                  <div class='item'>
                      <div class='itembg'>
                          <div class='title'>
                              <input type='text' id='title' name='title' value='$this_is_the_title' />
                          </div>
                          <div class='controls'>
                              <div class='edit' id='$id'>
                                  <a href='#editItem-$id'>edit</a>
                              </div> 
                              <div class='delete' id='$id'>
                                  <a href='?act=delete&id=$id'>delete</a>
                              </div>
                          </div>
                          <div class='item_desc' style='margin-top: 10px;'>
                              <div class='description'>
                                  <textarea id='description'>$iteminfo</textarea>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>";