更改其他元素的工具提示

时间:2017-11-22 11:52:36

标签: jquery twitter-bootstrap tooltip

单击按钮时是否可以更改其他元素的工具提示? 我希望工具提示始终可见,但是当点击按钮时,元素的工具提示必须更改其值

示例:

工具提示:未点击按钮; - >单击按钮!

这是我的代码......



$(function() {
  $('.resetPrice').tooltip();
  $('#thumbs').click(
    function(e) {
      $('.resetPrice').tooltip('toggle');
    }
  );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">


<div>
  <button id="thumbs" type="button" class="btn btn-mini">
        <i class="icon-thumbs-up"></i>
    </button>

  <button title="Clicked" type="button" class="btn btn-mini resetPrice" data-placement='bottom'>
        <i class="icon-refresh"> </i>
    </button>
</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案