小编nor*_*ist的帖子

如何从 Blazor 组件使用 jQuery UI

我正在研究一些 Blazor 示例，在尝试使用一些 JSInterop 解决方案时，我遇到了 jQuery UI 元素的问题。我不是一个精通 Javascript 程序员，但我对 .NET 足够精通，所以我可能会遗漏一些简单的东西。我尝试使用的第一个 jQuery UI 组件是“可调整大小”组件，可在此处找到：https : //jqueryui.com/resizable/

这是我当前的代码的样子：

索引.html：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width">
    <base href="/" />
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/site.css" rel="stylesheet" />
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
    <app>Loading...</app>

    <script src="_framework/blazor.server.js"></script>
    <script>
        $( function() {
            $( "#resizable" ).resizable();
        });
    </script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我确定问题不在于加载库，并且我在加载blazor.server.js.

现在，我的Index.cshtml在 html 部分有以下内容：

<body>
    <div class="container-fluid">
        <div id="resizable" class="ui-widget-content">
            <div class="row row-no-gutters" style="width: 100%; …

Run Code Online (Sandbox Code Playgroud)

javascript asp.net jquery blazor

nor*_*ist

lucky-day

8
推荐指数

3
解决办法

2万
查看次数