Jquery ui 这是否可以在Blazor应用程序中集成jQueryUI组件?

Jquery ui 这是否可以在Blazor应用程序中集成jQueryUI组件?,jquery-ui,client-side,blazor,Jquery Ui,Client Side,Blazor,我想在Blazor客户端应用程序中集成jQueryUI组件。微调器组件在jQuery UI中看起来更好。这可能吗?如何整合 我希望将这个微调器组件集成到我的Blazor客户端应用程序中 这是为JQuery或JS控件创建包装的方法: 1.-将JS行为包含在函数中: <script> var spinner = null; window.myWrapperKSUIfunctions = { initialize: function () { spinne

我想在Blazor客户端应用程序中集成jQueryUI组件。微调器组件在jQuery UI中看起来更好。这可能吗?如何整合

我希望将这个微调器组件集成到我的Blazor客户端应用程序中


这是为JQuery或JS控件创建包装的方法:

1.-将JS行为包含在函数中:

<script>
  var spinner = null;
  window.myWrapperKSUIfunctions = {

    initialize: function () {
        spinner = $( "#spinner" ).spinner();
        $( "button" ).button();
    },

    dissableclick: function () {
      if ( spinner.spinner( "option", "disabled" ) ) {
        spinner.spinner( "enable" );
      } else {
        spinner.spinner( "disable" );
      }
    },

    destroyclick: function () {
      if ( spinner.spinner( "instance" ) ) {
        spinner.spinner( "destroy" );
      } else {
        spinner.spinner();
      }
    },

    getvalueclick: function () {
      alert( spinner.spinner( "value" ) );
    },

    setvalueclick: function () {
      spinner.spinner( "value", 5 );
    },    
  };
</script>

变量微调器=null;
window.myWrapperKSUIfunctions={
初始化:函数(){
微调器=$(“#微调器”).spinner();
$(“按钮”).button();
},
dissableclick:函数(){
if(微调器.微调器(“选项”,“禁用”)){
微调器。微调器(“启用”);
}否则{
微调器。微调器(“禁用”);
}
},
单击:函数(){
if(spinner.spinner(“实例”)){
旋转器。旋转器(“破坏”);
}否则{
spinner.spinner();
}
},
getvalueclick:函数(){
警报(微调器。微调器(“值”));
},
setvalueclick:函数(){
微调器。微调器(“值”,5);
},    
};
不要忘记包含其他JS/JQuery库

2.-从blazor初始化控制:

@code{
AfterRenderAsync(bool firstRender)上受保护的异步重写任务
{
if(firstRender)
{
等待JsRuntime.InvokeAsync(“myWrapperKSUIfunctions.initialize”);
}
}
3.-从blazor调用JS函数:


切换禁用/启用
@code{
...
受保护的异步任务JustCall(字符串f)
{
wait JsRuntime.InvokeAsync($“myWrapperKSUIfunctions.{f}”);
}


另外,看看控件。

我问了一个相关的问题,在答案的帮助下,我最终能够使用JavaScript互操作创建一个带有JavaScript库(包含jQuery)的Blazor应用程序.嗨,我在我的服务器端Blazor应用程序中使用了Bootstrap 4,但不包括jQuery,因为我在其他帖子[Here][1]和[Here][2]中看到了两条评论,我觉得在“_Host.cshtml”中包含jQuery不是一个好做法。我说得对吗?谢谢你的时间:)[1]:[2]:@Alexander,当然,没有JS和JQuery的干净项目更好。但是,如果你已经有了JQuery控件,并且你需要尽快在你的代码中使用它,你能做什么?不用javascript从零重写?Blazor有JSInterop来做这件事。Bootstrap需要JQuery来实现一些功能(carrusel、弹出窗口等等)如果你想在没有JS的情况下工作,我建议你转向一个唯一的css框架(bulma,tailwind,…)谢谢你的评论。我搜索的原因是引导旋转木马和他在手机上的滑动效果。所以也许我会包括jQuery脚本和我需要的所有内容,然后继续工作,再次感谢:)。