无法找到一个简单的解决方案,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',我们仍然有遗留原型代码干扰它
我正在尝试使用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) 很难描述这个问题,我不确定它是不是一个错误,或者我只是误解了一些离子布局,我也只在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都处于初始离子状态