数据切换标题重置不重置文本

Question

我在div上设置工具提示如下; （我不确定为什么我这样坦率地这样做，但我看到了一个使用它的片段，它按照我喜欢的方式工作）

 <div id="termsandconditions" class="col-xs-6" data-toggle="tooltip" title="Agree to the terms to enable the form">
        <a href="#modal-terms" data-toggle="modal" class="register-terms">Terms</a>
        <label class="switch switch-primary" >
            <input type="checkbox" id="register-terms" name="register-terms">
            <span></span>
        </label>
 </div>

更新 这会生成一个样式化的模态工具提示弹出窗口，我想在click事件中更改其中的文本。 我怀疑我无法更改文本与data-toggle属性有关。 使用prop或attr更改工具提示，但不会更改从数据切换设置的模态工具提示弹出窗口中的标题文本。

以下实际添加工具提示，但不要更改原始工具提示弹出的文本

  $("#termsandconditions").dialog("option", "title", "De-selecting terms will disable the form");
  $('#termsandconditions').prop('title', 'De-selecting terms will disable the form');

Answer 1

$('#termsandconditions').attr('title', 'De-selecting terms will disable the form');

Answer 2

$('#termsandconditions').attr('data-original-title', 'De-selecting terms will disable the form');