Javascript Jquery UI工具提示没有';我什么都看不出来
我与2个引导日期选择器和 我想验证开始日期是否大于结束日期,然后显示工具提示 以下是我目前掌握的情况: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!
$('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代码传递。