个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一些 div，点击它可选择。然后我有两个按钮，这个按钮的目的是当我选择一些 div 并单击左按钮时，div 向左移动到 20px。反向过程的右键。我的要求是 1.选择当我单击左键时，div 向左移动 20px(现在可以正常工作) 2. 第二次点击它移动到 40px(意味着从当前位置 20px) 我该怎么做？
$("#key").click(function myfunction() {
$("div.toGrab").css("padding-left", '');
$("div.selected").css("padding-left", '20px');
});
$("#key1").click(function myfunction() {
$("div.toGrab").css("padding-left", '');
$("div.selected").css("padding-left", '0px');
});
$("div.toGrab").on("click", function () {
$(this).toggleClass('selected');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<head>
<meta charset="utf-8" />
<title></title>
<style>
div{
background-color:yellow;
margin-top:20px;
}
div {
}
.selected {
background: green;
}
</style>
</head>
<body>
<button id="key">left</button>
<button id="key1">right</button>
<div class='toGrab'>grand parent</div>
<div class='toGrab'>parent</div>
<div class='toGrab'>child</div>
<div class='toGrab'>child</div>
<div class='toGrab'>child</div>最佳答案
也许这对你有帮助
改进版
将元素从他所在的位置移动 20 个像素
function positioningSelectedItems(obj){
var negative = obj.negative || false;
var padding = obj.padding || 20;
$("div.selected").each(function (key,val) {
if(!negative)
var spad = parseFloat($(val).css("padding-left"))+padding;
else
var spad = parseFloat($(val).css("padding-left"))-padding;
$(val).css("padding-left", spad+'px')
});
}
$("#key").click(function myfunction() {
positioningSelectedItems({negative:false});
});
$("#key1").click(function myfunction() {
positioningSelectedItems({negative:true});
});
$("div.toGrab").on("click", function () {
$(this).toggleClass('selected');
});
关于javascript - Jquery-如何在单击按钮时将一些可选择的 div 移到左侧，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38157218/
25
4
0
我有一个 jqgrid，在设置多重检查时，我在第一列上获得复选框，我希望该复选框列成为最后一列。 我没有找到任何选项，因此我正在编写一个自定义 jquery 方法来将 tr 的第一个 td 移动到最后
在编程类(class)中，我被要求创建一个 iCalendar 应用程序的副本。我正在使用 JAVA 对其进行编码，并使用 JFrame 和 JPanel 对其进行绘制。这是我的问题的 SSCCEE:
想把我的 snackbar 移到 bottomnavigationview 上面
我正在用 Objective-C 创建一个聊天应用程序。我的对话面板有两个项目，文本字段和将显示消息的表格。我正在为文本字段及其按钮使用 UIView，此 View 位于屏幕底部。每当我开始打字时，键
该方法用于选择User和TargetUser之间的 Action 数，例如就在两个用户之间。此方法的结果值取决于 GetTotalOfPossibleActions() 动态返回值(每个用户都有自己的
我有一个关于 owl api 用法的快速问题。 假设我有一个名为 Species 的类，它有一个哺乳动物子类，它有一个灵长类动物子类，它有一个人类子类。 物种 -> 哺乳动物 -> 灵长类动物 ->
我需要 eclipse 内容帮助将“java.lang.String”放置在以“string”开头的类型之上(见附图)。那可能吗？ 请注意，对于此问题，“string”必须首先输入非大写的“s”。大写
我正在研究 pdf 页面上的收缩和收缩功能。我的捏合和平移(移动)工作正常，但是当用户连续移动缩放 View 时，缩放 View 超出了 super View 边界。是这样的: 我如何限制平移移动，以
一般 typescript 问题说我迭代一个我知道它的内容的数组并应用一个reduce来取回一个我知道类型的对象 例如: interface IMyInterface { a: number;
我有一个仪表板，您可以在其中使用小部件选择多个数据集。我使用 Python 中的 Altair 库从这些数据集中制作经典折线图，x 轴和 y 轴均从零开始。显示的数据是标准化数据，这意味着根据定义，所
首先，我没有这样做的经验。但是就像任何好的程序的开始一样，我有需要解决的问题，所以我愿意学习。 你们中的许多人可能已经熟悉 pdftk，它是处理各种 pdf 相关任务的便捷实用程序。据我所知，这些功能
我是一名优秀的程序员,十分优秀！