小编Pen*_*Liu的帖子

如何使用JavaScript/jQuery获取表单数据?

是否有一种简单的单行方式来获取表单的数据,如果它是以经典的HTML方式提交的话?

例如,在:

<form>
    <input type="radio" name="foo" value="1" checked="checked" />
    <input type="radio" name="foo" value="0" />
    <input name="bar" value="xxx" />
    <select name="this">
        <option value="hi" selected="selected">Hi</option>
        <option value="ho">Ho</option>
</form>
Run Code Online (Sandbox Code Playgroud)

日期:

{
    "foo": "1",
    "bar": "xxx",
    "this": "hi"
}
Run Code Online (Sandbox Code Playgroud)

这样的事情太简单了,因为它没有(正确地)包括textareas,选择,单选按钮和复选框:

$("#form input").each(function () {
    data[theFieldName] = theFieldValue;
});
Run Code Online (Sandbox Code Playgroud)

javascript forms jquery

373
推荐指数
21
解决办法
69万
查看次数

如何在Flexbox中垂直对齐文本?

我想使用弹性框垂直对齐一些内容,<li>但没有取得很大的成功.

我已经在网上查了一下,很多教程实际上都使用了一个包装div来获取align-items:center父对象的flex设置,但是我想知道是否可以删除这个额外的元素?

我选择在此实例中使用弹性框,因为列表项高度将是动态%.

* {
  padding: 0;
  margin: 0;
}

html,
body {
  height: 100%;
}

ul {
  height: 100%;
}

li {
  display: flex;
  justify-content: center;
  align-self: center;
  background: silver;
  width: 100%;
  height: 20%;
}
Run Code Online (Sandbox Code Playgroud)
<ul>
  <li>This is the text</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

html css flexbox

364
推荐指数
10
解决办法
44万
查看次数

如何在Mobile Safari上禁用视口缩放?

我已经尝试了所有这三个无济于事:

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” />

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” />
Run Code Online (Sandbox Code Playgroud)

每个都是我通过谷歌搜索或SO搜索推荐的不同值,但是'user-scalable = X'值似乎都没有工作

我也尝试用逗号分隔值而不是分号,没有运气.然后我尝试只提供用户可扩展的值,仍然没有运气.

UPDATE

从Apple的网站得到这个,它的工作原理:

<meta name="viewport" content="width=device-width, user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)

原来问题是非标准引号,因为我从使用它们的网站复制了元标记,哎呀

html zoom mobile-safari viewport ios

362
推荐指数
11
解决办法
47万
查看次数

溢出:最后隐藏的点

假设我有一个字符串" 我喜欢大屁股而且我不能说谎 "而且我用它来剪切它overflow:hidden,所以它显示如下:

我喜欢大屁股,我喜欢

切断文字.是否可以像这样显示:

我喜欢大烟头,我喜欢......

用CSS?

html css

169
推荐指数
11
解决办法
24万
查看次数

如何将div与其父级的顶部对齐但保持其内联块行为?

请参阅:http://jsfiddle.net/b2BpB/1/

问:如何让box1和box3对齐父div的顶部boxContainer

#boxContainerContainer {
  background: #fdd;
  text-align: center;
}

#boxContainer {
  display: inline-block;
  border: thick dotted #060;
  margin: 0px auto 10px auto;
  text-align: left;
}

#box1 {
  width: 50px;
  height: 50px;
  background: #999;
  display: inline-block;
}

#box2 {
  width: 50px;
  height: 100px;
  background: #999;
  display: inline-block;
}

#box3 {
  width: 50px;
  height: 50px;
  background: #999;
  display: inline-block;
}
Run Code Online (Sandbox Code Playgroud)

非常感谢...

致谢:这个问题来自之前由/sf/users/1440491/给出的答案 :获取CSS元素以自动调整内容宽度,同时居中

html css

161
推荐指数
4
解决办法
23万
查看次数

jQuery show()函数显示内联块.怎么样?

我有一些像这样的代码

function switch_tabs(obj) {
    $('.tab-content').hide();
    $('.tabs a').removeClass("selected");

    var id = obj.attr("rel");
    $('#' + id).show();
    obj.addClass("selected");
}
Run Code Online (Sandbox Code Playgroud)

显示功能添加显示:块.但我想添加display:inline-block而不是block.

有人能帮我吗?谢谢

jquery show-hide

151
推荐指数
5
解决办法
17万
查看次数

如何使用Vite从.env文件加载环境变量

我想.env使用Vite从文件中加载环境变量

我使用了文档import.meta.env中提到的对象

.env文件:

TEST_VAR=123F
Run Code Online (Sandbox Code Playgroud)

import.meta.env当尝试通过->访问此变量时,import.meta.env.TEST_VAR它返回未定义。

那么,我怎样才能访问它们呢?

javascript environment-variables env-file vite

136
推荐指数
4
解决办法
23万
查看次数

在jquery中处理多个id

可以像在代码中一样处理多个ID

<script>
$("#segement1, #segement2, #segement3").hide()
</script>

<div id="segement1"/>
<div id="segement2"/>
<div id="segement3"/>
Run Code Online (Sandbox Code Playgroud)

jquery jquery-selectors

69
推荐指数
1
解决办法
12万
查看次数

RegEx找到两个或多个连续的字符

我需要确定一个字符串是否包含两个或多个连续的alpha字符.两个或多个[a-zA-Z]并排.例:

"ab" -> valid
"a1" -> invalid
"a b" -> invalid
"a"-> invalid
"a ab" -> valid
"11" -> invalid
Run Code Online (Sandbox Code Playgroud)

regex

67
推荐指数
3
解决办法
6万
查看次数

.ts 和 .tsx 扩展名之间有什么区别。两者都用作 react 中打字稿文件的扩展名。那么我们应该在哪里使用它们呢?

我是新来的,我正在做一个项目。我遇到了.ts.tsx扩展。我不明白我应该在哪里使用.tsand .tsx。非常感谢您对此的任何帮助。谢谢!

typescript reactjs

56
推荐指数
5
解决办法
3万
查看次数