Javascript Jquery UI工具提示没有';我什么都看不出来

Javascript Jquery UI工具提示没有';我什么都看不出来,javascript,jquery,twitter-bootstrap,bootstrap-datepicker,jquery-ui-tooltip,Javascript,Jquery,Twitter Bootstrap,Bootstrap Datepicker,Jquery Ui Tooltip,我与2个引导日期选择器和 我想验证开始日期是否大于结束日期,然后显示工具提示 以下是我目前掌握的情况: $('startdate\u datepicker')。工具提示({content:'Example}) 警报出现了,但工具提示没有任何作用,我不明白为什么 有什么想法吗?现在您正在初始化该输入的工具提示。初始化后需要手动打开工具提示,如下所示: $("#startdate_datepicker").tooltip({ content: "Message!

我与2个引导日期选择器和 我想验证开始日期是否大于结束日期,然后显示工具提示

以下是我目前掌握的情况:

$('startdate\u datepicker')。工具提示({content:'Example})

警报出现了,但工具提示没有任何作用,我不明白为什么


有什么想法吗?

现在您正在初始化该输入的工具提示。初始化后需要手动打开工具提示,如下所示:

$("#startdate_datepicker").tooltip({
   content: "Message!"
}).tooltip("open");

现在您正在初始化该输入的工具提示。初始化后需要手动打开工具提示,如下所示:

$("#startdate_datepicker").tooltip({
   content: "Message!"
}).tooltip("open");
在您的startdate\u datepicker元素上添加
data toggle=“tooltip”
data trigger=“manual”
属性以及
title
,然后通过调用带有“toggle”参数的
tooltip()方法从JS切换工具提示。在下面添加了代码段:

HTML开始日期\u日期选择器元素:

<input class="form-control start_date" type="text" placeholder="Start Date" name="startdate_datepicker" id="startdate_datepicker" required="true" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom" data-trigger="manual">
if (start > end) {
    e.preventDefault();
    // alert("Stop and tooltip");
    $('#startdate_datepicker').tooltip("toggle");
}
startdate\u datepicker元素上找到添加
data toggle=“tooltip”
data trigger=“manual”
属性以及
title
,然后通过调用带有“toggle”参数的
tooltip()方法从JS切换工具提示。在下面添加了代码段:

HTML开始日期\u日期选择器元素:

<input class="form-control start_date" type="text" placeholder="Start Date" name="startdate_datepicker" id="startdate_datepicker" required="true" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom" data-trigger="manual">
if (start > end) {
    e.preventDefault();
    // alert("Stop and tooltip");
    $('#startdate_datepicker').tooltip("toggle");
}

找到刚刚检查过你的小提琴的

,有很多地方你必须进行更改

  • 从输入框中删除title=”“字段。这与引导程序使用的工具提示标题字段相冲突
  • 如上所述,答案建议您必须以编程方式触发它来显示
  • 您的代码如下所示

    这是你的改良小提琴

    //标题已删除
    //工具提示已修改并以编程方式触发
    如果(开始>结束){
    e、 预防默认值();
    警报(“停止和工具提示”);
    $('startdate'u datepicker')。工具提示({标题:“示例”,位置:'bottom'});
    $('startdate'u datepicker')。工具提示('show')
    }
    
    刚刚检查了你的小提琴,有很多地方你必须进行更改

  • 从输入框中删除title=”“字段。这与引导程序使用的工具提示标题字段相冲突
  • 如上所述,答案建议您必须以编程方式触发它来显示
  • 您的代码如下所示

    这是你的改良小提琴

    //标题已删除
    //工具提示已修改并以编程方式触发
    如果(开始>结束){
    e、 预防默认值();
    警报(“停止和工具提示”);
    $('startdate'u datepicker')。工具提示({标题:“示例”,位置:'bottom'});
    $('startdate'u datepicker')。工具提示('show')
    }
    
    谢谢!工作正常,奇怪的是关于工具提示的jquery文档没有提到必须在末尾添加工具提示(“show”)。即使在示例中,他们也只是在输入中添加标题,然后添加$(“#tooltip”).tooltip();是因为bootstrap吗?谢谢!工作正常,奇怪的是关于工具提示的jquery文档没有提到必须在末尾添加工具提示(“show”)。即使在示例中,他们也只是在输入中添加标题,然后添加$(“#tooltip”).tooltip();是因为bootstrap吗?谢谢,很好用。什么是最好的?将数据切换、放置、标题等放在输入中,或使用工具提示添加标题,然后显示?将所有静态元素(如数据切换、放置等)放在输入中,以减少JS代码,如果标题是动态的,则从JS代码中传递。谢谢,效果很好。什么是最好的?将数据切换、放置、标题等放在输入中,或使用工具提示添加标题,然后显示?将所有静态元素(如数据切换、放置等)放在输入中以减少JS代码,如果标题是动态的,则从JS代码传递。