4

我在 qtip 网站上到处找，找不到答案。我正在使用带有 Modal 插件的 Qtip2。任何人都知道如何从我的工具提示中隐藏小“提示”的东西？

这是我的代码：

<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>

如果可以的话，专注于位置设置，我已经把它放在我想要的页面上，只是想摆脱小“指针”“提示”的东西..

谢谢。

4

2 回答 2

11

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

起作用的是设置tip: false。

$(this).qtip({
    ...
    style: {
        ...
        tip: false
});
于 2011-12-18T12:37:28.633 回答
0

尝试：

$(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
        }
});
于 2011-12-08T21:08:00.740 回答