Как использовать Hover и нажмите с помощью Jquery

Question

Привет всем, я использую функцию hover и click для подсказки здесь

Подсказки

Теперь, в соответствии с моим требованием, я хотел быобъединить оба события hover и click в одном методе.Когда hover я не хочу показывать кнопку close, но когда пользователь нажимает, я хотел бы показать кнопку close.Как я могу сделать это в одном событии, может помочь мне или если какие-либо примеры или образцы, пожалуйста, поделитесь

Я пробовал это для Tooltip на Click

<script type="text/javascript">
  $(document).ready(function() {
     $('#foobar2').click(function() {
      var url = $(this).attr('href');       
      $(this).formBubble({
        url: url,
        dataType: 'html',
        cache: false
      });

      return false;
    });
  });
</script>

Я устал это, ноне работает, вы можете отредактировать, пожалуйста

 <script type="text/javascript">
  $(document).ready(function() {
  $('#foobar2').bind('mouseover click',function(e) {
    if(e.Type=='click')
    {
    var url = $(this).attr('href');

      $(this).formBubble({
        url: url,
        dataType: 'html',
        cache: false
      });

      return false;
    }


      if(e.Type=='mouseover')
      {
      var url = $(this).attr('href');

      $(this).formBubble({
      closebutton:false;
        url: url,
        dataType: 'html',
        cache: false
      });
      $.fn.formBubble.text('hover hover hover hover');
    }, function() { //mouse out
      var thisBubble = $.fn.formBubble.bubbleObject;

      $.fn.formBubble.close(thisBubble);
    });
      }   

    });});
</script>

привет, я попробовал это, но не сработало

 if(e.type=='mouseout')
{
var url = $(this).attr('href'); 
$(this).formBubble.hide()
}

Answer 1

вместо связывания с: .click(function(){ ... })

связать с: .bind('mouseover click',function(e){ ... })

затем внутри функции используйте: e.type, которая будет строкой, определяющей, какой тип события был вызван

<script type="text/javascript">
  $(document).ready(function() {
     $('#foobar2').bind('mouseover click',function(e) {

      if(e.type == 'click'){
        // do some click event stuff
        var close = true 
      } else {
        // do some hover event stuff
        var close = false 
      }

      var url = $(this).attr('href');       
      $(this).formBubble({
        url: url,
        dataType: 'html',
        cache: false,
        closeButton: close
      });

      return false;
    });
  });
</script>