Question

正如您将看到的，我有 .js ， .aspx 和 .css 文件。我在 .js 文件中创建了一个函数，它将显示一个bootstrap popover。但是，我无法编译。我认为我的功能和我在 .aspx 视图中调用它的方式存在问题。

HTML （这是使用MVC的aspx文件）

<script type="text/javascript" src="~Scripts/bootstrap-popover.js"
<div class="bs-example tooltip-demo">
<div id = "container" class="col-md-10">
    <input id = "container" type="text" data-popover="true" data-content="Popover is working!" data-container="container" data-toggle="popover" data-placement="top">

＆GT;

Javascript （这只是我构建的自定义.js文件）

$('#container').popover({ 
    selector: '[data-popover]', 
    trigger: 'hover', 
    placement: 'top' });

$('container').on('hover', function() {
$({ selector: '[data-popover]', trigger: 'hover', placement: 'top' })

}）;

CSS （这是我制作的自定义.css文件）

#container {
    text-align: center;
    margin: 8em 3em;
}

Answer 1

$('#container').popover(..

这不起作用，因为你没有一个带有id＆＃39; container＆＃39;的元素。

$('container').on(..

这不起作用，因为你没有标签名称＆＃39; container＆＃39;的元素。

试试这个（输入你的输入ID＆＃34;容器＆＃34; ）：

 <input id = "container" type="text" data-popover="true" data-content="Popover is working!" data-container="container" data-toggle="popover" data-placement="top">

更新：
将function PopoverTop()更改为function()

无法将javascript函数添加到同一个类</div>中的多个<div>容器中

1 个答案: