0

私はjQuery-UIをテーマにしたfullCalendar内で次のことを行っています：

var overlay = $('<div />');
   overlay.addClass(event.status);
   if(overlay.hasClass('pending')) {
      primaryIcon = 'ui-icon-check';
    } else {
      primaryIcon = 'ui-icon-cancel';
    }
    overlay.button({ icons: {
      primary: primaryIcon },
      text:false
    });

  overlay.css({
    'cursor': 'pointer',
    'float': 'right'

  });

しかし、私のボタンは次のようになります-http://cl.ly/2H1j3Z3i3G34271O2E2w

また、ボタンなしでスパンに「.ui-state-default .ui-icon」を設定してみましたが、背景が表示されませんでした。誰もがこれを引き起こしている可能性があることを知っていますか？

ここの最初のアイコンのようにボタンを正方形にしたいと思います：

4

2 に答える 2

1

私はあなたがただ追加のスタイルを追加する必要があると思います、width:auto：

overlay.css({
    'cursor': 'pointer',
    'float': 'right',
    'width': 'auto'
});

例を参照してください：http：//jsfiddle.net/william/Lu3GS/1/。

コードを見ると、実際のボタンである必要はありません。その場合は、インラインアイコンの使用を検討してください：http：//jsfiddle.net/2U5TN/1/。

于 2011-08-24T12:05:21.520 に答える
0

最終的にボタンの幅と高さを等しく設定し、フォントサイズもゼロに設定しました（アイコン画像がボタンの中央に表示されるようにします）。CSSコードは次のとおりです。

#your_button_id {
   position: relative; 
   font-size: 0; 
   width: 23px; 
   height: 23px;
}

あなたの場合は次のようになります。

overlay.css({
    'cursor': 'pointer',
    'float': 'right',
    'width': '23px',
    'height': '23px',
    'font-size': '0'
});
于 2015-09-01T19:18:25.893 に答える