小编Dmy*_*ets的帖子

jQuery可排序保持表的宽度

无法找到一个简单的解决方案,jquery可以在拖动元素期间保持表的宽度,forcePlaceholderSize这次实际上不工作,如果表有一些大元素 - 如果我开始拖动它然后表调整大小到仍然在表中的元素最大宽度,所以这就是我所做的:

jQuery("#sortable1").sortable({
    items: "tbody:not([not-sortable])",
    cursor: "move",
    zIndex: 9999,
    start: function (event, ui) {
        var colW = jQuery(".faq_glyph_owner").width();
        self.textWidth = ui.item.innerWidth() - colW * 3;
        jQuery(".faq_text").width(self.textWidth);
        jQuery("#sortable1").css("table-layout", "fixed");
        ui.item.find("div").parent().width(self.textWidth + colW);
    },
    stop: function (event, ui) {
        jQuery("#sortable1").css("table-layout", "auto");
    }
});
Run Code Online (Sandbox Code Playgroud)

所以我通常只计算它应该是的大小并将固定布局应用于表,这里是带有表的示例.所以我的问题是:在排序过程中是否有任何内置的方法来保持表格宽度,就像拖动的元素仍然在表格内?请注意,我不想保持表的布局固定.

PS请忽略'jQuery',我们仍然有遗留原型代码干扰它

javascript css jquery jquery-ui

15
推荐指数
2
解决办法
1967
查看次数

Angular 5 webpack 3 aot

我正在尝试使用webpack 3和angular 5进行构建,但网上有很多教程,没有显示完整的示例没有问题,到目前为止,我有以下配置:(对于那些有疑问的人路径 - 我在java应用程序中使用它)

webpack.config.aot.js:

const webpack = require("webpack");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const ngToolsWebpack = require('@ngtools/webpack');

module.exports = {
    context: __dirname + "/src/main/webapp/resources/script/",
    entry: {
        app: "./core/main.aot.ts",
        vendor: "./vendor.ts",
        polyfills: "./polyfills.ts"
    },
    output: {
        filename: 'js/[name].js',
        chunkFilename: "js/chunks/[id].chunk.js",
        publicPath: "resources/compiled/",
        path: __dirname + '/src/main/webapp/resources/compiled'
    },
    resolve: {
        alias: {
            STYLES: __dirname + "/src/main/webapp/resources/css/",
            SCRIPT: __dirname + "/src/main/webapp/script/"
        },
        extensions: [".js", ".json", ".scss", ".ts"]
    },
    module: {
        rules: [
            {
                test: /[\/]angular\.js$/,
                loader: 'exports-loader?angular'
            },
            {
                test: /\.html$/,
                loader: …
Run Code Online (Sandbox Code Playgroud)

webpack angular angular-aot angular5

10
推荐指数
1
解决办法
7828
查看次数

离子3不正确的滚动行为

很难描述这个问题,我不确定它是不是一个错误,或者我只是误解了一些离子布局,我也只在ios上测试过,所以不确定其他平台,所以我们走了:

我正在使用离子3.19,ios 11.2

如果内容<ionic-content>比屏幕更大(垂直),那么如果我向上滚动(导致过度滚动)或向下滚动(也导致过度滚动)就在我停止触摸它的那一刻 - 内容跳转到视图的顶部,这真的很难来描述,这里是重现的方法:启动新的离子选项卡项目.将15个左右的<ion-card>文本添加到任何选项卡中,例如home.html如下所示:

    <ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
</ion-content>
Run Code Online (Sandbox Code Playgroud)

(只是为了确保内容大于屏幕),在iphone(ionic cordova start ios --device)上运行,向下滚动一点,然后快速向上滚动并将手指从屏幕上移开,同时它仍在向上滚动

有没有人遇到过这个?我已经打了好几天了,起初我认为它与我的风格有关,但它可以用纯离子特征再现

我只使用启动离子选项卡项目,仅更改home.html,所有scss都处于初始离子状态

原速gif

scroll ios cordova ionic-framework ionic3

10
推荐指数
1
解决办法
1465
查看次数