Question

我在qtip网站上到处查找，无法找到答案。我正在使用Qtip2和Modal插件。有人知道如何从我的工具提示中隐藏一些小小的“尖端”东西吗？

这是我的代码：

<script language="javascript" type="text/javascript"><!-- TOOL TIP MODAL TO ADD CALENDAR EVENT->
$('.add_event_tooltip').live('mouseover', function(event) {
    var thedate =  $(this).attr("thedate"); 
    date = new Date(thedate), //convert date
    days = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
    months = ["January","February","March","April","May","June","July","August","September","October","November","December"],
    converted = days[date.getDay()] + ", " + months[date.getMonth()] + " " + date.getDate() + ", " + date.getFullYear();
    $(this).qtip({
        id: 'modal',
        content: {
            ajax: {url: 'includes/cal_add_event.php',type: 'GET',data: { rel: thedate}},
            title: { text: 'Creating Event: ' + converted,button: true}
        },
        position: {my: 'top left',at: 'top left',target: $('#leftside')},
        show: {event: 'click',solo: true,modal: true},
        hide: false,
        style: 'ui-tooltip-light ui-tooltip-rounded'
      }); 
}); 
</script>

如果你可以，专注于位置设置，我已将它放在我想要它的页面上，只想摆脱小“指针”“尖端”的东西..

感谢。

Answer 1

自己搜索解决方案后找到您的问题。 @ xzyfer的建议对我不起作用，但这是一个正确方向的暗示。

设置tip: false。

的工作原理

$(this).qtip({
    ...
    style: {
        ...
        tip: false
});

Answer 2

尝试：

$(this).qtip({
    ...
    style: {
        classes: 'ui-tooltip-light ui-tooltip-rounded',
        tip: null
});

否则尝试：

$(this).qtip({
    ...
    style: {
        classes: 'ui-tooltip-light ui-tooltip-rounded',
        tip: {
            width: 0,
            height: 0
        }
});

Qtip2，在工具提示模式上隐藏小提示？

2 个答案: