qTip2错了位置的问题

基本上我刚开始在我的asp.net MVC4项目中使用qTip2（通过金块包管理器安装）。这里是我的BundleConfig：qTip2错了位置的问题

public static void RegisterBundles(BundleCollection bundles) 
     { 
      bundles.Add(new ScriptBundle("~/bundles/custom").Include(
         "~/Scripts/CustomScripts/*.js", 
         "~/Scripts/libs/qtip2/jquery.qtip.js")); 

      bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
         "~/Scripts/jquery-{version}.js")); 

      bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
         "~/Scripts/jquery-ui-{version}.js")); 

      bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
         "~/Scripts/jquery.unobtrusive*", 
         "~/Scripts/jquery.validate*")); 

      bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
         "~/Scripts/modernizr-*")); 

      bundles.Add(new StyleBundle("~/Content/css").Include(
       "~/Content/site.css", 
       "~/Content/libs/qtip2/jquery.qtip.css")); 
      }

正如你看到的，我既包括

"~/Scripts/libs/qtip2/jquery.qtip.js"

和

"~/Content/libs/qtip2/jquery.qtip.css"

我_Layout.cshtml看起来如下：

<head> 
    <meta charset="utf-8" /> 
    <title>@ViewBag.Title - My ASP.NET MVC Application</title> 
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
    <meta name="viewport" content="width=device-width" /> 
    @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 
    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/jqueryval") 
    @Scripts.Render("~/bundles/jqueryui") 
    @Scripts.Render("~/bundles/custom") 
</head>

我的脚本折叠呃看起来如下：

enter image description here

最后这里的实际执行：在〜/包/俗呼：

$(document).ready(function() { 
    $('.submitbutton').qtip(
    { 
     content: 'Some basic xcontent for the tooltip' 
    }); 
});

和实际的提交按钮，应该包含提示：

<div class="buttons"> 
    <input class="submitbutton" type="submit" value="Register"> 
</div>

当我打开我看到的文字时，我将我的鼠标移到文本框的页面 - 问题不过是它”无论发生什么事情，都在左下角。

正如下图所示：

enter image description here

我在做什么错？

来源

2013-08-25 Zebedee

如果你想qtip是在中间的顶部，你应该在qtip的你的Javascript初始化如下：

$(document).ready(function() { 
    $('.submitbutton').qtip(
    { 
     content: 'Some basic xcontent for the tooltip', 
     position: { 
       my: 'bottom center', // tooltips tip at bottom center... 
       at: 'top center', // in relation to the button's top center... 
       target: $('.submitbutton') // my target 
        } 
    }); 
});

注：所有的位置都可以在这里找到：http://qtip2.com/options#position

来源

2013-08-25 17:37:49 hjavaher

我知道你做了什么，因为我也做了。你忘了，包括相应的qtip CSS。

课：经常检查浏览器的网络流量标签。

来源

2014-04-30 14:18:11 Bulba

qTip2错了位置的问题

回答

相关问题