javascript - 使用 jQuery 从 URL 弹出 iFrame

Question

我继承了一些代码，我正在尝试添加一个增强功能来打开 popup使用 URL 样式 iframe。代码的布局方式是在 html 窗口中有不同的 tab-panes，在“内容”选项卡中，它在 #post-body 中显示信息(在内容选项卡内)。在内容选项卡中，其中一条信息是 URL。

目前的代码是这样的:

HTML:

    <!-- Tab panes -->
        <div class="tab-content" style= "height: 100%;">
          <div class="tab-pane" id="top-assoc"></div>
          <div class="tab-pane active" id="top-rank"> </div>
          <div class="tab-pane" id="top-tags"></div>
          <div class="tab-pane" id="content-body-tab" style="height: 100%;">
            <div id="post-body" style="padding: 15px;"> Select a post to preview </div>
          </div>
        </div>

JS:

$("#post-body").append($('<div>').addClass("post-view").append(
    [$('<p>').append($('<span>').addClass('bold').text("Post: ")),
        $('<div>', { "style": "font-size: 20px;"}
        ).html(postObj.content),
        $('<div>', { "style": "padding-top: 10px;"})
            .append($('<span>').addClass('bold').text("URL: "))
            .append($('<a>', { "href": postObj.url,
                "target": "_blank" }).html(postObj.url))),
        $('<div>', { "style": "padding-top: 10px;"})
            .append($('<p>', { "style": "overflow-wrap: break-word"})
                .append($('<span>').addClass('bold').text("Users: "))...morecode

所以我所做的改变是我在 html 中添加了一个 div 并在 javascript 中添加了一个 onclick 函数。看起来像

HTML:

      <div class="tab-pane" id="content-body-tab" style="height: 100%;">
        <div id="post-body" style="padding: 15px;"> Select a post to preview </div>
        <div id="post-frame" data-role="popup"><iframe id="framecontent" src="" width="80%" height="500"></iframe></div>
      </div>

JS:

 $('<div>', { "style" : "padding-top: 10px;"})
 .append($('<span>').addClass('bold').text("URL: "))
 .append($('<a>', { "href": postObj.url,
                    "target" : "_blank" }).html(postObj.url)).on("click", function() {
         $(#framecontent).attr("src", postObj.url);
     }),

我认为应该可行，但根据 $(#framecontent).attr("src ", postObj.url);

我不确定为什么这不起作用？感谢您的帮助。

Answer 1

$(#framecontent).attr("src", postObj.url);

需要

$('#framecontent').attr("src", postObj.url);

不明白的可以去查http://www.w3schools.com/jquery/jquery_selectors.asp

它也可以是另一回事，但如果没有完整的代码，就很难弄清楚是什么。