CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – Twitter的Typeahead – 调试渲染的HTML?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
调试Twitter的Typeahead脚本时遇到问题.由于某些原因,以下标题显示正常…
header: '<h3 class="tt-title">Ads</h3>',

但是当我把这个H3交换出来,

header: '<div class="tt-title">Ads</div>',

我得到空格.我知道有些东西是渲染,但文本现在显示出来.我有一种感觉这是一个CSS问题,但是我无法在开发人员工具中查看下拉列表中呈现的HTMl.在我有机会在源代码中导航之前,下拉关闭会自动关闭.

任何人知道如何防止它关闭一旦打开?我正在使用Chrome的开发人员工具.

解决方法

我以前从来没有使用过Typeahead,但是我检查了他们的文档和他们的 demo-page.这确实有点棘手.

无论如何,它可以使用这个简单的脚本,您可以粘贴到浏览器控制台,这迫使您的Typeahead搜索框打开,并保持打开,而你在元素检查器中戳:

$('.typeahead').focus().typeahead('val','').focus().typeahead('val','what ever value you want to test');

至少在chrome中,建议框甚至保持打开右键单击>检查元素.

更新; OP要求更广泛的解释:

上面的代码是jQuery,并带有一个选择器 – 包含Typeahead的元素.截图:

此示例中的选择器专用于Typeahead库的演示页面.您可能需要根据您如何初始化自己的Typeahead进行调整.

大佬总结

以上是大佬教程为你收集整理的css – Twitter的Typeahead – 调试渲染的HTML?全部内容,希望文章能够帮你解决css – Twitter的Typeahead – 调试渲染的HTML?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。