Jquery 如何在crossrider的浏览器操作中将html页面设置为弹出窗口_Jquery_Internet Explorer_Plugins_Javascript Framework_Crossrider

Jquery 如何在crossrider的浏览器操作中将html页面设置为弹出窗口

jquery internet-explorer plugins

Jquery 如何在crossrider的浏览器操作中将html页面设置为弹出窗口,jquery,internet-explorer,plugins,javascript-framework,crossrider,Jquery,Internet Explorer,Plugins,Javascript Framework,Crossrider,嗨，我正在使用crossrider创建IE扩展。在这个扩展中，我想通过单击浏览器操作中的图标打开一个html页面作为弹出窗口。当我点击图标时，html页面不会弹出请帮忙在background.js中 appAPI.ready(function($) { appAPI.browserAction.setResourceIcon('icon128.png'); appAPI.browserAction.setTitle('Tax2290 Extension'); appAPI.b

嗨，我正在使用crossrider创建IE扩展。在这个扩展中，我想通过单击浏览器操作中的图标打开一个html页面作为弹出窗口。当我点击图标时，html页面不会弹出

请帮忙

在background.js中

appAPI.ready(function($) 
{
  appAPI.browserAction.setResourceIcon('icon128.png');
  appAPI.browserAction.setTitle('Tax2290 Extension');
  appAPI.browserAction.setPopup({resourcePath:'index.html'});
});

在extension.js中

appAPI.ready(function($) {
// Includes remote JS file into extension.js scope
 // Injects remote JS file into HTML page
 appAPI.dom.addRemoteJS('images/feed.js');
// Injects remote CSS file into HTML page
 appAPI.dom.addRemoteCSS('images/style.css');

});

通常，它在IE中工作得很好，我没有意识到任何问题

通常，您必须确保引用的资源（icon128.pnf、index.html等）已上载到扩展的资源文件夹，并且在调用setPopup方法时指定了高度和宽度强制属性

另外，我不太清楚extension.js文件中代码的重要性，但如果要将它们应用于弹出内容，则必须在index.html文件中的crossriderMain函数中定义它们，如下所示：

index.html：


/************************************************************************************
这是您的弹出代码。将运行crossriderMain（）代码块
每次打开弹出窗口时。
有关详细信息，请参阅：
http://docs.crossrider.com/#!/api/appAPI.browserAction-method-setPopup
*************************************************************************************/
函数crossriderMain（$）{
//将代码放在此处（也可以在此范围之上定义新函数）
//$object是jQuery对象
eval（appAPI.resources.get（'images/feed.js'）；
appAPI.resources.includecs（'images/style.css'）；
}
你好，世界

如果您在这方面需要任何进一步的帮助，我需要仔细查看代码。因此，请提供扩展id，我很乐意进行调查

[免责声明：我是一名Crossrider员工]

通常，我在IE中工作得很好，我不知道有任何问题

通常，您必须确保引用的资源（icon128.pnf、index.html等）已上载到扩展的资源文件夹，并且在调用setPopup方法时指定了高度和宽度强制属性

index.html：


/************************************************************************************
这是您的弹出代码。将运行crossriderMain（）代码块
每次打开弹出窗口时。
有关详细信息，请参阅：
http://docs.crossrider.com/#!/api/appAPI.browserAction-method-setPopup
*************************************************************************************/
函数crossriderMain（$）{
//将代码放在此处（也可以在此范围之上定义新函数）
//$object是jQuery对象
eval（appAPI.resources.get（'images/feed.js'）；
appAPI.resources.includecs（'images/style.css'）；
}
你好，世界

如果您在这方面需要任何进一步的帮助，我需要仔细查看代码。因此，请提供扩展id，我很乐意进行调查

[免责声明：我是一名Crossrider员工]

谢谢，这是一个有用的例子，从.setPopup文档中可以看出，我不清楚Crossrider是否包含在弹出HTML中。这很有道理，但是直到我看到上面的回答，硬币才落下：）谢谢，这是一个有用的例子，从.setPopup文档中我不清楚crossriderMain是否包含在弹出HTML中。这很有道理，但是直到我看到上面的回答，硬币才掉下来：）

<!DOCTYPE html>
<html>
<head>
<!-- This meta tag is relevant only for IE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<script type="text/javascript">
/************************************************************************************
  This is your Popup Code. The crossriderMain() code block will be run
  every time the popup is opened.

  For more information, see:
  http://docs.crossrider.com/#!/api/appAPI.browserAction-method-setPopup
*************************************************************************************/

function crossriderMain($) {
    // Place your code here (you can also define new functions above this scope)
    // The $ object is the jQuery object
    eval(appAPI.resources.get('images/feed.js'));
    appAPI.resources.includeCSS('images/style.css');
}
</script>
</head>
<body>
Hello World
</body>
</html>