我有一个单元格表,当单击一个单元格时会触发一个事件.我想动态添加单元格,所以我将在所有行上再次调用OnClick.当我第二次调用OnClick时,任何有OnClick调用两次的单元格都会停止触发任何事件.
奇怪之处在于我的OnClick功能,如果我可以"返回"; 它工作,但它会抛出一个错误,说"返回"没有定义
function initBox() {
$(".selectable").on('click', function (event) {
//if its selected already, unselect it
if ($(this).hasClass('rowHighlightColor')) {
$(this).removeClass("rowHighlightColor");
selectedCellList = null;
}
else {
//unselect previous cell
if (selectedCellList != null) {
selectedCellList.removeClass("highlighted");
}
selectedCellList = $(this);
$(this).addClass("rowHighlightColor");
}
Return;
});
}
Run Code Online (Sandbox Code Playgroud) 我是jquery mousemove事件的新手,这是我的代码
<div id="a1" style="width:100%;height:100%;top:0px;left:0px; position:absolute">
<div id="tracker1">
</div>
</div>
$(a1).mousemove(function(event) {
var x = event.pageX;
var y = event.pageY;
var absolutePositionx = x - $('#a1').offset().left;
var absolutePositiony = y - $('#a1').offset().top;
$("#tracker1").css({
left: absolutePositionx,
top: absolutePositiony
});
});
Run Code Online (Sandbox Code Playgroud)
问题是当我在边界上慢慢移动鼠标时,跟踪器(红点)有可能移出元素,这是非常奇怪的,不应该发生.当光标超出指定元素时,为什么mousemove事件仍会触发?
任何帮助赞赏!
我正在尝试创建两个带有标题的div,该标题具有仅具有少量填充的灰色标题.
这是我的HTML
<div class="container">
<div class="row">
<div class="col-6">
<div class="small-grey-header">
<p class="center-text">User Login</p>
</div>
</div>
<div class="col-6">
<div class="small-grey-header">
<p class="center-text">Help Links</p>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是我的CSS
.center-text{
text-align: center;
display: block;
}
.small-grey-header{
border-radius: 3px;
background-color: lightgray;
height: auto;
padding-top: 1px;
padding-bottom: .5px;
margin-bottom: 5px;
}
Run Code Online (Sandbox Code Playgroud)
问题是他们看起来很大,我不知道为什么.
这是一个小提琴 https://jsfiddle.net/Ljsgtq0o/
我正在使用网格系统并排设置这些,但为了简单起见,我将其排除在外.即使在div上设置1个填充像素也会产生大量空间.我究竟做错了什么?请注意,我并不关心这两个标题之间的间距.我只是希望这些标题不要那么大.它们几乎看起来像纽扣.