Javascript 如何删除此错误（通过选择器查找元素）_Javascript_Jquery_Angularjs_Angularjs Directive_Angular Strap

Javascript 如何删除此错误（通过选择器查找元素）

javascript jquery angularjs

Javascript 如何删除此错误（通过选择器查找元素）,javascript,jquery,angularjs,angularjs-directive,angular-strap,Javascript,Jquery,Angularjs,Angularjs Directive,Angular Strap,我正在尝试使用Angularstap.js制作popover。我从这里阅读文档但是我的弹出窗口没有在点击时显示。你能告诉我哪里做错了吗。这是我的扑克牌获取错误：错误：[jqLite:nosel]jqLite不支持通过选择器查找元素！请参阅： <!DOCTYPE html> <html ng-app="myApp"> <head> <link data-require="bootstrap-css@3.x" data-semver=

我正在尝试使用Angularstap.js制作popover。我从这里阅读文档但是我的弹出窗口没有在点击时显示。你能告诉我哪里做错了吗。这是我的扑克牌

获取错误： 错误：[jqLite:nosel]jqLite不支持通过选择器查找元素！请参阅：

<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
    <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <script data-require="ui-bootstrap@0.10.0" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
        <script src="https://dl.dropboxusercontent.com/s/64qidru3z31h5ns/angular-strap.js"></script>

        <script src="https://dl.dropboxusercontent.com/s/meplmw59rwg2dmy/angular-strap.tpl.js?m=d"></script>

        <script src="https://dl.dropboxusercontent.com/s/qhgexynaog5ul5l/popover.js"></script>

  </head>

  <body>
<button type="button" class="btn btn-lg btn-danger" title="this" data-content="{{popover.content}}" data-template="pop.html" data-animation="am-flip-x" bs-popover>Custom Popover


</button>  </body>
<script>
  var myapp =angular.module('myApp', ['mgcrea.ngStrap']);

</script>
</html>


定制府绸
var myapp=angular.module（'myapp'，['mgcrea.ngStrap']）；

实际上，文档中已经提到了

模板

属性，但是很难注意到：

它应该是遵循引导样式约定的div.popover元素

因此，您的

pop.html

应该具有如下相同的结构：

<div class="popover">
  <div class="arrow"></div>
  <h3 class="popover-title" ng-bind="title" ng-show="title"></h3>
  <div class="popover-content">
    <ul class="list-group">
        <li class="list-group-item" ng-click="hidePopover();editRowName(student)">Edit</li>
        <li class="list-group-item " ng-click="deleteRow($index)">Delete</li>
    </ul>
  </div>
</div>



编辑
删除

示例Plunker:

实际上，文档已经提到了

模板属性，但是很难注意到：
它应该是遵循引导样式约定的div.popover元素
因此，您的pop.html
应该具有如下相同的结构：
<div class="popover">
  <div class="arrow"></div>
  <h3 class="popover-title" ng-bind="title" ng-show="title"></h3>
  <div class="popover-content">
    <ul class="list-group">
        <li class="list-group-item" ng-click="hidePopover();editRowName(student)">Edit</li>
        <li class="list-group-item " ng-click="deleteRow($index)">Delete</li>
    </ul>
  </div>
</div>



编辑
删除


示例Plunker:
plnkr对我来说工作正常，控制台中没有任何内容，通常此消息表示您正在使用需要jquery的内容，但尚未加载jquery。如果你没有在angular之前加载普通的jquery，它将使用它的内置版本jqlite，这是非常有限的。你的plunker只在Chrome中为我工作。好的，但是当我点击button@runTarm当你点击红色时，你看到流行音乐了吗button@runTarm就在下面打败我：）plnkr对我来说很好，控制台里什么都没有，通常，此消息意味着您正在使用需要jquery的东西，但尚未加载jquery。如果你没有在angular之前加载普通的jquery，它将使用它的内置版本jqlite，这是非常有限的。你的plunker只在Chrome中为我工作。好的，但是当我点击button@runTarm当你点击红色时，你看到流行音乐了吗button@runTarm就在下面打败我：）谢谢你今天跑步你解决了我的两个问题有这个问题的想法：我在主应用程序上应用这个。它工作80%正确，但有一个问题。但有一个问题，当我单击外侧并多次生成时，它并没有隐藏。如何复制。单击“添加”按钮它生成一行，然后再次单击它生成一行。单击“星”按钮它显示弹出，然后再次单击“星”在下面的第一个没有隐藏。这是一个不同的问题。如文档中所述，默认情况下，弹出框将切换到单击。要实现您想要的功能，您可以将其更改为切换到focus/blur
，并使星形图标可聚焦：但此插件没有任何用处，因为我使用click时，编辑和删除功能正常工作。但当我更改为聚焦时，停止该功能..：（请选中“编辑和删除”功能“单击工作”而不是“焦点工作”。：（我们可以应用此解决方案吗感谢今天运行您解决了我的两个问题..因为您知道这个问题：我在主应用程序上应用此解决方案。它工作80%正确，但有一个问题。但有一个问题，当我单击外侧并多次生成时，它没有隐藏。如何复制。单击“添加”按钮它生成一行，然后再次单击它再次生成一行。单击“星”按钮，它将显示弹出窗口，然后再次单击第一行下方的“星”，而不是隐藏。这是一个不同的问题。如文档中所述，默认情况下，弹出窗口将切换为单击
。要实现所需，可以将其更改为切换为聚焦/模糊
，并使星形图标聚焦able:但是这个插件没有任何用处，因为我使用click时，我的编辑和删除功能正常工作。但是当我更改为焦点时，它会停止该功能。（请选中编辑和删除功能在单击时工作，而不是在焦点上工作。）（我们可以应用此解决方案吗