小编Joh*_*ohn的帖子

如何在执行脚本元素之前将其删除?

如何在执行脚本元素之前将其删除?

我想过使用DOMNodeInserted事件,但显然它没有捕获脚本元素.我也尝试过使用jQuery livequery插件:

$("script").livequery(function () { 
    $(this).remove();
});
Run Code Online (Sandbox Code Playgroud)

它确实删除了脚本元素,但是在执行之后.

我正在寻找一个跨浏览器的解决方案,但我甚至不确定这是否可行.我读到了Mutation Observers,它似乎足够接近,但我不确定它是否可以解决我的问题.

如果有一种方法可以在执行脚本内容之前修改脚本内容而不删除并重新创建脚本内容,那就更好了.

jquery

9
推荐指数
1
解决办法
4573
查看次数

无法在文档上执行查询选择器,id不是有效的选择器

我正在尝试创建一种编辑一堆注释的方法,并通过我可以生成的一些id来识别它们.我遇到的错误是:

SyntaxError:无法在'Document'上执行'querySelector':'#1234'不是有效的选择器.不过,我看不出这是可能的,因为我已清楚id=1234<p>.

此外,还有一些问题,当我评论其他所有内容并执行警报(id)时,这不适用于第二种形式,错误是:

TypeError:无法读取null的属性'classList'.

这是jfiddle:https://jsfiddle.net/wafqgq0L/2/

document.querySelector('.editable').addEventListener('click', function(event) {
 var index = event.target.id.indexOf('_');

 var id = event.target.id.substring(0,index);
	
	//actual data
	document.querySelector('#'+id).classList.add('hidden');
  
  //edit button
  document.querySelector("#"+id+"_edit").classList.add('hidden');
  
  //textarea
	document.querySelector("#"+id+"_editable").classList.remove('hidden');
  
  //save button
	document.querySelector("#"+id+"_save").classList.remove('hidden');

});
Run Code Online (Sandbox Code Playgroud)
.hidden {
  display: none;
}
Run Code Online (Sandbox Code Playgroud)
//all id will be like 12345_comment

<div class="editable">
<p id="1234">
  Some comment
</p>

<form action="form.php" method="post">
  <textarea id="1234_editable" class="hidden">Some comment</textarea>
  <a href="#" id="1234_edit">Edit</a>
  <a href="#" id="1234_save" class="hidden">Save</a>
</form>
</div>
<br><br>
<div class="editable">
<p id="123">
  Some comment
</p>

<form class="editable" action="form.php" method="post"> …
Run Code Online (Sandbox Code Playgroud)

html javascript css

9
推荐指数
3
解决办法
4万
查看次数

使用History.js时,如何检测单击的后退/前进按钮?

我在我的代码中使用带有jQuery的History.js(单击).

通过ajax加载新内容时,我使用:

History.pushState({my:stateobject},"newtitle","supernewurl");
Run Code Online (Sandbox Code Playgroud)

这似乎有效,因为URL在浏览器中更新.

但是,无论何时按下后退或前进按钮,我都无法连接我的代码.使用哪种方法/事件?

jquery history.js

8
推荐指数
1
解决办法
3万
查看次数

锚标签不在firefox和chrome中工作

我面临一个惊人的问题.我的客户端网站上的图像有超链接.它在IE中工作但是当我在Chrome/Mozilla中打开相同的页面时,它没有显示锚点指针,点击任何一个都没有任何反应.我的链接代码是

<a href="Home.aspx?ModuleID=1">
 <img alt="Alternative Text" src="Images/Logo.gif" />
</a>
Run Code Online (Sandbox Code Playgroud)

有人知道问题是什么吗?

html anchor firefox google-chrome

7
推荐指数
5
解决办法
6万
查看次数

Html checkBox onchange无法正常工作

<input class="jProblemClass" id="Checkbox{%= ID %}" type="checkbox" onchange="problemPicker.onChangeProblemCheckBox('{%=ID %}');"/>
Run Code Online (Sandbox Code Playgroud)

首先检查或取消选中后没有任何反应.Afetr第二次点击,调用我的功能problemPicker.onChangeProblemCheckBox,但我先得到ID检查.为什么?可以帮助我吗?

onChangeProblemCheckBox: function(id) {
    if ($('#CheckBox' + id).attr("checked") == true) {
        problemPicker.addToCheckProblems(id);

        var checkboxes = $('.jProblemClass:checked');

        if ((checkboxes.length > general.limit) && (general.limit != 0)) {
            alert('The limit of ' + general.limit + ' problems exceeded. Please deselect ' + (checkboxes.length - general.limit).toString() + '.');
        }
    } else {
        problemPicker.delFromCheckProblems(id);
    }
},
Run Code Online (Sandbox Code Playgroud)

html checkbox jquery onchange

7
推荐指数
1
解决办法
3万
查看次数

如果不存在则声明此类函数

可能重复:
如果函数不存在,则写入函数--javascript

我有一种情况,当一些函数X被调用.在一些回发之后,这个函数不再被声明,但仍被代码调用,显然我得到js错误说X is not defined.(如果你愿意,可以把它称为bug)但是我不能控制它或改变呼叫功能.

我想要做的是一个失败保险,如果它不存在,将声明这样的功能.所以逻辑是:

如果函数未声明,则声明一个.

这是可能的javascript即在全局范围内动态声明/注册函数?

谢谢.

javascript

7
推荐指数
1
解决办法
9010
查看次数

在嵌套的contentEditable之后设置光标位置

我有这个标记

<div contentEditable="true">
    Some other editable content
    <div class="field" contentEditable="false">
        <span class="label">This is the label</span>
        <span class="value" contentEditable="true">This is where the caret is</span>
    </div>
    <!-- This is where I want the Caret -->
</div>
Run Code Online (Sandbox Code Playgroud)

插入符号目前处于.field跨度.

我需要移动回出来.fieldcontentEditable.

例

如何通过javascript(如果需要使用jQuery)来实现?

当插入符号位于.value范围内时,它将尝试在keydown事件上触发它,如图所示.

html jquery caret contenteditable

7
推荐指数
1
解决办法
3536
查看次数

div的动态高度与css

我的HTML:

<!-- Content -->
    <div class="content">
        <!-- Content left -->
        <div class="content-left"></div>
        <!-- Content center -->
        <div class="content-center">

        </div>
        <!-- Content right -->
        <div class="content-right"></div>
    </div>
Run Code Online (Sandbox Code Playgroud)

我的CSS:

.content
{
 background-color: black;
 height: auto;
 margin: 80px auto 0px auto;
 min-height: 100px;
 padding: 10px 10px;
 width: 1200px;
}

.content-center
{
 -khtml-box-shadow: 0px -3px 5px rgba(0,0,2,2);
 -moz-box-shadow: 0px -3px 5px rgba(0,0,2,2);
 -webkit-box-shadow: 0px -3px 5px rgba(0,0,2,2);
 background-color: #ffffff;    
 border-left: 1px solid;
 border-right: 1px solid;
 border-color: #999999;
 box-shadow: 0px -3px …
Run Code Online (Sandbox Code Playgroud)

html css css3

7
推荐指数
1
解决办法
6万
查看次数

当前日期和日期字段之间的天数

如果有人可以提供帮助我有这个问题.(date)我的表(table1)中有一个字段是格式的日期3/31/1988 (M/D/y),我的必要性是定义自该日期以来已经过了多少天.

我试图给出这个指示

SELECT DATEDIFF(CURDATE(), date) AS days
FROM table1
Run Code Online (Sandbox Code Playgroud)

但它返回'null',我认为这是因为两种日期格式不同(CURDATE()是YMD .....

这是对的吗?谁能帮我?先感谢您

mysql datediff

7
推荐指数
1
解决办法
3万
查看次数

如何垂直对齐锚点元素内的文本,锚点元素嵌套在无序列表中

我已经广泛搜索并看到了许多关于如何vertical-align使用vertical-align属性和line-height属性进行文本处理的示例.然而,我所有的努力似乎都没有结果,因为我无法让我的文本垂直对齐.如何将文本垂直对齐以居中?该height属性是不固定的,所以我不能使用line-height.

HTML

<nav>
    <ul>
        <li><a href="html/login.html">Login</a></li>
        <li><a href="html/user_registration.html">Register</a></li>
        <li><a href="#">Programmes Offered</a></li>
    </ul>
</nav> 
Run Code Online (Sandbox Code Playgroud)

CSS

nav
{
    height: 30%;
    width: 100%;
}

nav ul
{
    height: 100%;
    margin: 0px;
}

nav ul li
{
    height: 33%;
    width: 100%;
    vertical-align: middle;
}
Run Code Online (Sandbox Code Playgroud)

css anchor vertical-alignment css3 html-lists

7
推荐指数
2
解决办法
2万
查看次数