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>

可能であれば、Position 設定に注目してください。ページの希望する場所に配置しました。小さな「ポインター」「ヒント」を取り除きたいだけです。

ありがとう。

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 に答える