Javascript 为什么模态窗口加载为空？

我是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
      });
   });
});

/==UserScript==
//@name打开模式外部页面Iframe
//@version 0.1
//@匹配http://barackobamaisyournewbicycle.com/
//@需要http://code.jquery.com/jquery-latest.js
//@需要https://simplemodal.googlecode.com/files/jquery.simplemodal-1.4.4.js
//==/UserScript==
$（文档）.ready（函数（）{
$（'body'）。追加（''）；
$（“#CP”）.css（“位置”，“固定”）.css（“顶部”，25）.css（“左侧”，0）；
$（'#CP'）。单击（函数（）{
警报（“testmodal”）；
var src=”http://365.ericmmartin.com/";
$.modal（“”{
关闭HTML:“”，
集装箱船：{
背景颜色：“fff”，
边框颜色：“fff”，
身高：450，
填充：0，
宽度：830
},
套圈：对
});
});
});

---

问题 当我导航到时，我会在左上角看到我的按钮

[测试模式按钮]

，当我单击时，会出现模式窗口，但不会加载到该模式窗口中，并且模式窗口保持空白。刚才我放了一个

警报（'testmodal'）语句，这样我就知道在单击按钮时我正在访问该代码，但这只是为了调试目的

我直接引用了这个例子


在

“//使用iframe显示外部页面”；大约是这一页的四分之三


编辑：

我把这个问题的@match网站改成了我能找到的最简单的网页，但后来我在barackobamaisyournewbicycle.com上试过，它开始工作了。一定和我测试它的另一个网站有关？虽然这对我来说没什么意义。既然我已经在这个问题上做了一些努力，有什么建议可以改进我的实现吗？
您在simplemodal.googlecode.com的文档中找到了什么？这是您想要的吗？