1

我是javascript的新手，遇到问题并不感到惊讶。这是我的用户脚本：

// ==UserScript==
// @name       Open Modal-External Page-Iframe
// @version    0.1
// @match      http://barackobamaisyournewbicycle.com/
// @require http://code.jquery.com/jquery-latest.js
// @require https://simplemodal.googlecode.com/files/jquery.simplemodal-1.4.4.js
// ==/UserScript==

$(document).ready(function() {  
  $('body').append('<input type="button" value="test-modal-button" id="CP">');
  $("#CP").css("position", "fixed").css("top", 25).css("left", 0);
  $('#CP').click(function(){ 
      alert('testmodal');
      var src = "http://365.ericmmartin.com/";
      $.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
          closeHTML:"",
          containerCss:{
              backgroundColor:"#fff", 
          borderColor:"#fff", 
          height:450, 
          padding:0, 
          width:830
          },
          overlayClose:true
      });
   });
});

问题

当我导航到http://barackobamaisyournewbicycle.com[test-modal-button]时，我会在左上角看到我的按钮，当我单击时，会出现模态窗口，但http://365.ericmartin.com/不会在该模态窗口中加载，并且模态窗口保持空白。刚才我alert('testmodal');在两者之间放了一条语句，以便我知道单击按钮时我正在访问该代码，但这仅用于调试目的。

我直接从

http://www.ericmmartin.com/projects/simplemodal/

在

"// 使用 iframe 显示外部页面"; 大约在页面下方的 3/4 处。

编辑：

我将此问题的@match 网站更改为我能找到的最简单的网页，但随后在 barackobamaisyournewbicycle.com 上实际尝试过它并开始工作。一定与我正在测试的其他网站有关吗？虽然这对我来说没有多大意义。既然我已经在这个问题上付出了一些努力，有什么建议可以改进我的实施吗？

4

0 回答 0