jQuery 将输入值附加到 iframe data-src

Posted

技术标签:

【中文标题】jQuery 将输入值附加到 iframe data-src【英文标题】:jQuery append input value to iframe data-src 【发布时间】:2021-08-28 16:05:11 【问题描述】:

如何在 jQuery 中将输入值附加到 data-src iframe。

var input = $("#input").val();

var iframe = $(".win");
iframe.attr("src", iframe.data("src").join(input)); 
        
console.log(iframe.data("src"));

我做的和上面的 sn-p 一样,但是 console.log 只返回初始值,没有应该附加的输入值。

有人知道怎么做吗?

【问题讨论】:

【参考方案1】:

您没有更新data-src。您更新了src 属性。

var input = $("#input").val();

var iframe = $(".win");
iframe.attr("src", iframe.data("src").join(input)); 
    
console.log(iframe.attr("src"));
console.log(iframe.data("src"));

【讨论】:

不是和我一样吗? 我的意思是,你更新了 iframe `src' 属性。但是您确实记录了 iframe 'data-src'。 console.log(iframe.data("src")); 是您的代码。但是你更新了iframe.attr("src", ... 哦,对了……明白了!我以正确的方式进行操作,但记录了错误的数据。

以上是关于jQuery 将输入值附加到 iframe data-src的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 将 iframe 写入 XLS 导致 iPhone 上的沙箱访问冲突

页面上 iframe 中的 jQuery 不起作用

如何替换 div 的内容而不是使用 JQuery 附加一个值?

如何将 jquery 自动完成附加到输入元素

jQuery 循环创建 div 并将内容附加到它们

具有动态内容的动态附加 iframe 在内容元素上写入 jquery 事件句柄不起作用