Question

我有一个让我疯狂的问题。我正在使用带有Scripts rending的_Layout.cshtml文件。

来自_Layout.cshtml

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
<!-- CSS Start -->
        <link href="~/Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
        <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
        <link href="~/Content/font-awesome.min.css" rel="stylesheet" />
        <link href="~/Content/Site.css" rel="stylesheet" />
<!-- CSS End -->
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<!-- Javascript Start -->
        <script src="~/Scripts/jquery-2.1.3.min.js"></script>
        <script src="~/Scripts/bootstrap.min.js"></script>
        <script src="~/Scripts/jquery-ui-1.11.4.min.js"></script>
        <script src="~/Scripts/modernizr-2.8.3.js"></script>
        <script src="~/Scripts/customJS.js"></script>
<!-- Javascript End -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>

所有脚本都像魅力一样，除了一件事。我在webgrid中使用代码，使用popover（）显示悬停数据来自customJS.js

$(function () {
    $('[data-toggle="popover"]').popover()
})

每件事情都运作良好，直到我使用webgrid分页或排序，然后代码中断我需要重新加载页面以使其工作。现在对于踢球者来说，如果我将所有脚本放在底部，popover在分页和排序时工作，但我的jquery-ui对话框中断并且不会显示，加上我得到jquery未定义的错误。

我现在花了一些时间搜索并尝试不同的解决方案，看不到正确的结果。我做错了什么？

以下是popover调用的代码

FileGrid.Column("Description", style: "width-20", format: @<button role="button" tabindex="0" class="btn btn-success btn-block" data-toggle="popover" title="File Information" data-content="@item.Description" data-trigger="focus"><i class="fa fa-book"></i> View file Description</button>),

Jquery放置会产生不同的结果

0 个答案: