如何使用jquery创建工具提示

时间:2018-01-27 16:30:46

标签: javascript php jquery tooltip

我尝试使用jquery ui创建工具提示。

但是当我尝试var_dump时我什么都没有。

这里是我的代码

<a href="#"><span id='11111_22222'>text_here</span></a>

这里是我的js代码

$(document).ready(function(){
    // initialize tooltip
    $( "span" ).tooltip({
        track:true,
        open: function( event, ui ) {
        ui.tooltip.css("max-width", "600px");
        ui.tooltip.css("max-height", "340px");
              var id = this.id;
              var split_id = id.split('_');
              var image = split_id[1];
              var title = split_id[0];
              $.ajax({
                  url:'tooltip.php',
                  type:'post',
                  data:{image:image, title:title},
                  success: function(response){
                      // Setting content option
                      $("#"+id).tooltip('option','content',response);
                  }
              });
        }
    });

    $("span").mouseout(function(){
        // re-initializing tooltip
        $(this).tooltip();
        $('.ui-tooltip').hide();
    });

});

我的tooltip.php代码

var_dump($_POST);
exit();

结果为Array(0) {}

1 个答案:

答案 0 :(得分:0)

我通过将POST更改为GET

来解决此问题

type:'post',type:'get',