javascript - 如何将<script></script>集成到fancybox2的content方法中

Question

我正在尝试在 fancybox 的内容方法中加载 javascript 内容。

<script>
$('#streaminput').on("click", function() {
  $('#streaminput').fancybox({ 
      width    : '95%', 
      height   : '95%', 
      autoSize    : false, 
      closeClick  : false, 
      fitToView   : false, 
      openEffect  : 'elastic', 
      closeEffect : 'none',
      content: '<script src="http://scriptfromanotherwebsite" idvideo="myid"></script>'

  });
});
</script>

我尝试在 ajax 中发送 idvideo 并在另一个页面(使用 iframe fancybox)加载脚本，但没有成功...

提前致谢

Answer 1

我不习惯 Fancybox 的用法，但是嘿，你有 jQuery 来为你完成这项工作。

那么，使用jQuery.getScript()怎么样？方法。

Description: Load a JavaScript file from the server using a GET HTTP request, then execute it.

在你的 fancybox beforeShow 或 beforeLoad 回调中，

beforeLoad: function(current, previous) {
          $.getScript("https://github.com/aterrien/jQuery-Knob/blob/master/js/jquery.knob.js", function(){
               alert("Script Loaded");
           });
      }

我认为这对您有用。

经过几次谷歌搜索后，我想出了一个解决方案。在您的 fancybox beforeShow 或 beforeLoad 回调中添加此行以将脚本添加到标题部分，

 var add_script = document.createElement('script');
 add_script.setAttribute('src','https://github.com/aterrien/jQuery-Knob/blob/master/js/jquery.knob.js');
 add_script.setAttribute('idvideo','mynameispawal');
 document.head.appendChild(add_script);

而且我相信您可以在 beforeshow 中调用 AJAX 来访问 idvideo 的值。

这是一个 demo fiddle .