在JQuery

Question

我有以下HTML： -

    <div id="something" class="col-md-2 hideOverflow">
        @Html.Label(@Address.label_AddressType)
    </div>

使用以下脚本： -

    function pageLoad() {
        $('[data-toggle="popoverHover"]').popover({ trigger: 'hover', placement: 'top' });
        $('[data-toggle="popoverClick"]').popover({ trigger: 'click', placement: 'top' });

        $('.something').attr('data-toggle', 'popoverHover');
        $('.something').attr('data-content', 'Testing 123');
    }

请有人协助我获取文字＆＃39;测试123＆＃39;出现在悬停标签上。

提前感谢你。

Answer 1

您可以使用

之类的构造函数创建一个弹出窗口

function pageLoad() {
  $('[data-toggle="popoverHover"]').popover({
    trigger: 'hover',
    placement: 'top'
  });
  $('[data-toggle="popoverClick"]').popover({
    trigger: 'click',
    placement: 'top'
  });
  $('.something').popover({
    trigger: 'hover',
    placement: 'top',
    content: 'Testing 123'
  });

}

pageLoad();

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.1.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap-theme.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.js"></script>
<br />
<br />
<div data-toggle="popoverHover" data-content="on hover">data-toggle="popoverHover"</div>
<div data-toggle="popoverClick" data-content="on click">data-toggle="popoverClick"</div>
<label class="something">something</label>

Answer 2

您的脚本不起作用，因为您使用的是类选择器而不是ID选择器。此外，popover不会出现，因为您在调用data-toggle="popoverHover"时在元素上初始化它，此时DOM中不存在该元素。因此，您必须在初始化脚本之前添加function pageLoad() { // Add the attributes by calling .attr() once. $('#something').attr({ 'data-toggle': 'popoverHover', 'data-content': 'Testing 123' }); $('[data-toggle="popoverHover"]').popover({ trigger: 'hover', placement: 'top' }); } 。

您可以通过重新排序代码并更改选择器来轻松解决此问题：

xcrun: error: active developer path ("/Volumes/Xcode 6.1/Xcode.app/Contents/Developer") does not exist, use `xcode-select --switch path/to/Xcode.app` to specify the Xcode that you wish to use for command line developer tools (or see `man xcode-select`)