如何在jQuery中设置绝对位置

时间:2019-04-21 17:44:26

标签: jquery css position absolute

我正在尝试使用jQuery设置绝对元素的left位置。

这是我尝试过的:

var leftPercentage = 10 + '%';
var singleGrate = grateOne.append('<div class="single-grate"><div>');
singleGrate.css(left, leftPercentage);

我还尝试过删除该百分比并使用px,但没有用。

我也尝试过使用offset,但是在可行的同时,它根据页面设置元素,而不是包含要定位的div的元素。

我只是迷失了如何使它工作。我跟踪了来自stackoverflow的一系列问题,但是我可以肯定它们都已经过时了,因为它们都不起作用。

我应该在这里做什么?

编辑:这是我目前在https://codepen.io/creativiii/pen/gyKjrm上工作的codepen

2 个答案:

答案 0 :(得分:1)

在最后一行。您需要将<?php /* get row id */ $id = isset($_GET['id']) ? $_GET['id'] : null; if(isset($id) && isset($_POST['edit'])){ /* Edit button has been clicked */ /* create a prepared statement */ $stmt = mysqli_prepare($conn, "SELECT name, content FROM posts WHERE id = ?") if($stmt){ /* bind parameters */ mysqli_stmt_bind_param($stmt, "i", $id); /* execute query */ mysqli_stmt_execute($stmt); /* bind result variables */ mysqli_stmt_bind_result($stmt, $name, $content); /* fetch value */ mysqli_stmt_fetch($stmt); /* close statement */ mysqli_stmt_close($stmt); ?> <form action="" method="post"> <b>Title: </b><input type="text" name="title" value="<?php echo $name; ?>" /><br /> <b>Content: </b><br /> <textarea name="content" ><?php echo $content; ?></textarea><br /> <input type="submit" name="editrow" value="Edit" /> </form> <?php }else{ /* error */ } } if(isset($id) && isset($_POST['editrow'])){ $title = $_POST['title']; $content = $_POST['content']; /* edit row details based on the row id i.e. $id */ } if(isset($id) && isset($_POST['delete'])){ /* Delete button has been clicked */ /* Delete row based on the row id i.e. $id */ } ?> 放在""上,这样代码将是:

left

答案 1 :(得分:0)

显然,问题出在append()上,因为它实际上并不指向附加元素。

我更改了代码以将元素附加到:

var singleGrate = $('<div class="single-grate"><div>').appendTo(grateOne);

现在singleGrate实际上返回一个元素,然后可以使用css()进行更改。