相关疑难解决方法(0)

如何在 Rails 6 的视图中使用 JQueryUI

我在 Rails 6 应用程序中使用 JQuery 和 JQueryUI 时遇到困难。

JQuery 和 JqueryUI 都在 application.js 中工作

但是,JQueryUI 无法在视图中工作。我该如何让它在这两种情况下都起作用?我的代码如下。

我跑了yarn add jquery

我跑了yarn add jquery-ui-dist

在environment.js中:

const { environment } = require('@rails/webpacker')
const webpack = require('webpack')

environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery'
  })
);

const aliasConfig = { 'jquery': 'jquery/src/jquery', 'jquery-ui': 'jquery-ui-dist/jquery-ui.js' };
environment.config.set('resolve.alias', aliasConfig);

module.exports = environment
Run Code Online (Sandbox Code Playgroud)

在application.js中:

require("@rails/ujs").start()
require("@rails/activestorage").start()
require("channels")
require("jquery")
require("jquery-ui");
require("custom/scripts")
Run Code Online (Sandbox Code Playgroud)

我在custom/scripts.jspacks/search.js中测试 JQuery 和 JQueryUI

custom/scripts.js加载到 application.js 中,如下所示:

$(document).ready(function(){
  var …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui ruby-on-rails

6
推荐指数
1
解决办法
549
查看次数

标签 统计

jquery ×1

jquery-ui ×1

ruby-on-rails ×1