Tag: qtip2
qTip2（工具提示）换行不起作用
我试图在插件qTip2的文本中添加一些换行符，但没有任何成功。 到目前为止，我已尝试过， 以及white-space: pre-line没有任何成功。 您可以查看完整示例http://jsfiddle.net/6asMt/1/ 我一直在搜索谷歌，但找不到任何有用的东西。 我希望我的最终结果是： Date Start: 2014-04-08 10:00:00 Date End: 2014-04-10-10-00-00 并不是 Date Start: 2014-04-08 10:00:00 Date End: 2014-04-10-10-00-00
使用qtip的动态javascript数据会覆盖所有具有相同消息的工具提示
我有一个循环，其中出现许多不同的唯一工具栏（标题）消息。 这个jsfiddle显示了我遇到的问题。 如果你翻转那里的默认文本框，你就可以正确地看到title test ： test this adf 我有一个循环，它模拟我的生产代码，虽然它不是唯一的数据，但问题是它完全改变所有标题，包括hover时工具提示（标题）的现有标题是 content: ‘This is the message!’, 我意识到函数loadQtip()中的代码不够具体，只能将新添加的标题更改为新添加的行，但我不确定如何定位新的标题。 目前正如您所见，我只针对class=’tips’ http://jsfiddle.net/bthorn/tw6mLcL1/ 新的小提琴，显示OP答案以及非常接近我自己的数据 http://jsfiddle.net/bthorn/Lpuf0x7L/1/
被拖动的Jquery draggable show qtip
我想在拖动元素时显示元素，并在元素被删除/恢复时隐藏它。 我正在使用qtip2作为工具提示 我的代码： $(“.noDrop”).qtip({ content: “You cannot drop this item”, show: “mousedown”, position: { target: ‘mouse’, viewport: $(window) // Keep it on-screen at all times if possible }, hide: { fixed: true, // Helps to prevent the tooltip from hiding ocassionally when tracking! event: ‘mouseup’ } }); 这是小提琴： http ： //jsfiddle.net/e6dJq/ 单击元素时我可以看到工具提示，但一旦拖动开始就会隐藏它。 因为创建了克隆并且元素失去焦点。 在释放鼠标单击之前，我无法保持工具提示可见。 请帮忙。
当属性更改值时，指令不运行链接function
我已经创建了一个指令，用于将qTip2库封装到我的角度应用程序中（如另一个SO问题中所述 ）。 我有一个字典，其中包含qTip的不同配置，并且根据我传递给属性cv-tooltip的值，在链接函数的.qtip调用中传递了相应的配置。 这适用于在html中设置的指令（例如，在右侧显示qtip，在左侧显示cv-tooltip =“left”）。 当我从另一个指令将cv-tooltip =“right”的属性值更改为cv-tooltip =“left”时出现问题，当值发生变化时，tooltip指令链接函数不会重新运行，因此qTip不会使用正确的配置更新。 qtip指令如下所示： mainApp.directive(‘cvTooltip’, function () { var optionDictionary = { ‘right’: { position: { my: ‘center left’, at: ‘right center’ }, style: { tip: { corner: ‘left center’, height: 10 } } }, ‘left’: { position: { my: ‘center right’, at: ‘left center’ }, style: { tip: { […]
Dynatree和qtip2 – 第一个子节点上没有（hover）事件
当我将鼠标hover在我的Dynatree中的节点上时，我想要显示自定义qtip。 我遇到的问题是我似乎没有在父节点的第一个子节点上获得任何子节点hover事件。 我正在创造这样的孩子： var tipKey = uuid(); var childNode = parent.addChild({ title: field.Description, isFolder: false, icon: icon, key: tipKey, addClass: tipKey, }); $(“.” + tipKey).qtip({ content: { text: ‘ ‘, title: { text: ‘ ‘ } }, style: { classes: ‘ui-tooltip-shadow ui-tooltip-yellow’ }, events: { show: function (event, api) { var node = $.ui.dynatree.getNode($(api.elements.target)); var […]
iFrame中的qTip2
我在iframe中使用jQuery qTip2，但由于我被限制为iframe宽度和高度的大小，无论如何我可以将内容实际显示在iframe的顶部，即iframe的父窗口内，而不是实际的iframe本身？ 这样，我不受iframe大小的限制。 这是我作为iframe的一部分使用的当前代码： $(document).ready(function() { $(‘img[title]’).qtip({ content: { text: false, // Use each elements title attribute title: { text: ‘Error’, button: ‘Close’ } }, hide: { event: false }, style: { classes: ‘ui-tooltip-dark ui-tooltip-rounded’, height: 5, width: 500 }, position: { my: ‘bottom right’, at: ‘top left’ } }); });
需要获取qtip才能显示正确的动态新javascript html表数据
我有一个类似的问题，其中我没有正确的数据显示。 另一个问题是显示表行克隆，但我的数据是表附加到div jQuery $.each循环显示我动态创建标题的位置（工具提示） 这是小提琴： http ： //jsfiddle.net/bthorn/Lpuf0x7L/1/ $.each(allData, function (index, issues) { strResult += ” ” + issues.LAST_NAME + ” ” + issues.FIRST_NAME + ” ” + issues.INITIALS + “” + issues.OFFICE + “” + issues.TITLE + “”; strResult += “” + issues.DEPARTMENT + “” + issues.ALIAS_NAME + “”; // NEED TO ADD QTIP […]
多标签cytoscape js
我想使用cytoscape.js为每个节点使用两个标签。 节点的一个内部和另一个外部，如链接图像http://sofzh.miximages.com/jquery/labels-constelation.png 。 我使用qtip作为外部标签，但是我需要打印（ctrl + p）这个页面，qtip div位置是绝对的（来自文档），因此它们不会出现在正确的位置。 有一种方法可以修改cytoscape.js两个标签或我如何阻止qtip这种行为？ 韩国社交协会！
拖动事件时FullCalendar和qTip UI问题
在周视图或日视图中拖动事件时。 随机地，qtips将被渲染，旧的仍然在屏幕上。 我一直在使用api禁用qtips，但没有任何结果。 以下是我对fullcalendar事件渲染事件的qtip配置： eventRender = function (event, element) { $(element).qtip( { content: ‘Hello, World!’, position: { target: ‘mouse’, // Track the mouse as the positioning target adjust: { x: 5, y: 5 } // Offset it slightly from under the mouse }, style: ‘qtip-light’ } ); }
使用qTip2和jQuery矢量地图（jqvmap）
我试图禁用jqvmap中使用的默认工具提示，并希望使用qTip2 。 反正有没有实现这个目标？ 这是小提琴 。 jquery代码： jQuery(‘#vmap’).vectorMap({ map: ‘world_en’, backgroundColor: null, color: ‘#ffffff’, hoverOpacity: 0.7, selectedColor: ‘#666666’, enableZoom: true, showTooltip: true, values: sample_data, scaleColors: [‘#C8EEFF’, ‘#006491’], normalizeFunction: ‘polynomial’, onLabelShow: function(event, label, code) { $(“#jqvmap1_” + code).qtip({ content: { text: code }, position: { my: ‘top left’, at: ‘bottom right’ } }); event.preventDefault(); } });
