0

もともと、iframeからリモートページからロードされたコンテンツ（div class = "StaffBlock"）をdiv class="Contact-Agent-Append"に転送したいと思います。ただし、append（）メソッドはiframeでは機能しないことが証明されています。通常は機能しますが、テンプレートを使用していて、テンプレートが静止ページではないため、append（）がコンテンツを現在のページに取り込むことができないのはそのためだと思います。次に、clone（）が機能していることに気付きましたが、誤ってコンテンツの20個のクローンが繰り返されます。一度だけクローンを作成するのを手伝ってください。大変感謝します。

これは、iframeを含む元のコーディングです。

<div class="Contact-Agent-{tag_Publish As Agent}">

    <div class="Contact-Agent-Small-Logo-listing" title="this property is published by agent">
    </div>
    <iframe scrolling="no" height="60px" frameborder="0" width="150px" src="{tag_listing agent staff url}" marginwidth="0px" marginheight="0px" style="overflow:hidden; margin:0; padding:0; display: none;"></iframe>
    <script type='text/javascript'>//<![CDATA[
    $(window).load(function(){
    $('iframe').contents().find('.StaffBlock').clone().appendTo($('.Contact-Agent-Append'))
    });//]]>
    </script> 
    <div class="Contact-Agent-Append">content should go here
    </div>

</div>

これは、StaffBlockを含むリモートURLに保存されているコンテンツです。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/StyleSheets/listing-contact.css" />
</head>
<body>
<div class="listing-contact">
<div class="StaffBlock">
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="col-a">{tag_name}</td>
    <td class="col-b" rowspan="4">{tag_Staff Photo}</td>
  </tr>
  <tr>
    <td>{tag_job title}</td>
  </tr>
  <tr>
    <td>{tag_mobile}</td>
    </tr>
  <tr>
    <td><a href="mailto:{tag_email}">email me</a></td>
  </tr>
</table>
</div>
</div>

</body>
</html>
4

1 に答える 1

3

Contact-Agent-Appendクラスに複数のdivがありますか？

非表示のiframeを使用する代わりに、AJAXを使用する必要があります。

$(".Contact-Agent-Append").load("{tag_listing agent staff url} .StaffBlock:first");

.load（url [、data] [、complete（responseText、textStatus、XMLHttpRequest）]）

説明：サーバーからデータをロードし、返されたHTMLを一致した要素に配置します。

http://api.jquery.com/load/#loading-page-fragments

于 2012-08-27T06:28:14.450 に答える