Plugins Crossrider:如何使用Crossrider显示多个浏览器按钮或包含多个项目的菜单?

Plugins Crossrider:如何使用Crossrider显示多个浏览器按钮或包含多个项目的菜单?,plugins,browser,crossrider,Plugins,Browser,Crossrider,我需要显示多个浏览器按钮。在阅读了文档以及有关堆栈溢出的一些问题后,我发现Cross Rider只支持每个扩展一个浏览器按钮 我可以在浏览器中显示一些菜单(我不愿意使用上下文菜单),一旦用户点击crossrider浏览器按钮就会触发这些菜单吗?如果是这样,如何使用jquery处理任何菜单项上的单击事件 我将非常感谢在这方面提供的任何支持/解决方法。根据经验,我经常看到开发人员在浏览器操作弹出窗口中创建这样的菜单,当使用Crossrider的方法单击按钮时打开该菜单。以下简单示例演示如何创建打开不

我需要显示多个浏览器按钮。在阅读了文档以及有关堆栈溢出的一些问题后,我发现Cross Rider只支持每个扩展一个浏览器按钮

我可以在浏览器中显示一些菜单(我不愿意使用上下文菜单),一旦用户点击crossrider浏览器按钮就会触发这些菜单吗?如果是这样,如何使用jquery处理任何菜单项上的单击事件


我将非常感谢在这方面提供的任何支持/解决方法。

根据经验,我经常看到开发人员在浏览器操作弹出窗口中创建这样的菜单,当使用Crossrider的方法单击按钮时打开该菜单。以下简单示例演示如何创建打开不同搜索引擎的菜单:

background.js文件中的代码:

popup.html资源文件中的代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script type="text/javascript">
function crossriderMain($) {
  $('#link-google')
    .click(function() {
      appAPI.openURL({
        url:'http://www.google.com',
        where:'tab'
      });
    });
  $('#link-bing')
    .click(function() {
      appAPI.openURL({
        url:'http://www.bing.com',
        where:'tab'
      });
    });
  $('#link-yahoo')
    .click(function() {
      appAPI.openURL({
        url:'http://www.yahoo.com',
        where:'tab'
      });
    });
}
</script>
</head>
<body>
<ul>
  <li><a href='#' id='link-google'>Goto Google Search</a></li>
  <li><a href='#' id='link-bing'>Goto Bing Search</a></li>
  <li><a href='#' id='link-yahoo'>Goto Yahoo Search</a></li>
</ul>
</body>
</html>

函数crossriderMain($){
$(“#链接谷歌”)
。单击(函数(){
appAPI.openURL({
网址:'http://www.google.com',
地点:'tab'
});
});
$(“#链接bing”)
。单击(函数(){
appAPI.openURL({
网址:'http://www.bing.com',
地点:'tab'
});
});
$(“#链接雅虎”)
。单击(函数(){
appAPI.openURL({
网址:'http://www.yahoo.com',
地点:'tab'
});
});
}
[披露:我是一名交叉骑手员工]

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script type="text/javascript">
function crossriderMain($) {
  $('#link-google')
    .click(function() {
      appAPI.openURL({
        url:'http://www.google.com',
        where:'tab'
      });
    });
  $('#link-bing')
    .click(function() {
      appAPI.openURL({
        url:'http://www.bing.com',
        where:'tab'
      });
    });
  $('#link-yahoo')
    .click(function() {
      appAPI.openURL({
        url:'http://www.yahoo.com',
        where:'tab'
      });
    });
}
</script>
</head>
<body>
<ul>
  <li><a href='#' id='link-google'>Goto Google Search</a></li>
  <li><a href='#' id='link-bing'>Goto Bing Search</a></li>
  <li><a href='#' id='link-yahoo'>Goto Yahoo Search</a></li>
</ul>
</body>
</html>