如果其他条件不适用于Javascript
if else condition not working for Javascript
这里的场景是,我创建了工具提示,对于所有div
标签,我给出了不同的id,根据他们的id,它应该生成不同的工具提示。 为此,我在javascript下使用if else
条件并检查div
的id,但是如果条件,这里的代码不会进入其他条件: 您可以在此链接上查看实时示例..伙计们请帮助我,并提前感谢..:)
使用
if (event.target.id == "ips") {/*Code*/}
else if (event.target.id == "tyu") {/*Code*/}
else {/*Code*/}
而不是document.getElementById
演示
你做错了:
if(document.getElementById("ips"))
这将永远是正确的,因为总有一个元素的 id ips
.你想要的是将其与实际 id 进行比较:
var this_id = $(this).attr("id");
if(id === "ips")
试试这个: http://jsfiddle.net/6CBMw/8/
var linkId = $(this).attr('id');
switch(linkId){
case 'ips':
$('<div class="tooltip">situated on or affecting the same side</div>').appendTo('body');
break;
case 'tyu':
$('<div class="tooltip">hi i m tooltip</div>').appendTo('body');
break;
default:
$('<div class="tooltip">hi i m LAST LAST tooltip</div>').appendTo('body');
break;
}
document.getElementById("ips")
始终返回 Htmldiv 对象,其布尔值将为 true。
您需要从事件中获取目标的属性"id"并将其与您的div ID 进行比较。
if(event.target.id=="ips")
{
$('<div class="tooltip">situated on or affecting the same side</div>')
.appendTo('body');
}
else if(event.target.id=="tyu")
{
$('<div class="tooltip">hi i m tooltip</div>').appendTo('body');
}else....
http://jsfiddle.net/6CBMw/13/
$(document).ready(function() {
var changeTooltipPosition = function(event) {
var tooltipX = event.pageX - 8;
var tooltipY = event.pageY + 8;
$('div.tooltip').css({top: tooltipY, left: tooltipX});
};
var showTooltip = function(event) {
console.log(event.target);
$('div.tooltip').remove();
if(event.target == document.getElementById('ips'))
{
$('<div class="tooltip">situated on or affecting the same side</div>').appendTo('body');
} else if(event.target == document.getElementById('tyu')){
$('<div class="tooltip">hi i m tooltip</div>').appendTo('body');
} else {
$('<div class="tooltip">hi i m LAST LAST tooltip</div>').appendTo('body');
}
changeTooltipPosition(event);
};
var hideTooltip = function() {
$('div.tooltip').remove();
};
$('div#ips, div#tyu').bind({
mousemove : changeTooltipPosition,
mouseenter : showTooltip,
mouseleave: hideTooltip
});
});
相关文章:
- JavaScript警报适用于int,但不适用于string
- Javascript仅适用于alert()和Debug模式
- Javascript仅适用于jQuery mobile中的页面刷新
- Javascript上传按钮问题,适用于Wordpress
- 支持 JavaScript 的检查例程适用于 Chrome/Opera/IE,但不适用于 Firefox/Safari
- 如何调试遗留的javascript代码(适用于IE,但在Google Chrome中不正常)
- JavaScript调整iFrame大小-适用于Firefox/IE,但不适用于Chrome
- javascript单选按钮验证,适用于chrome,不适用于IE
- 伪元素适用于javascript
- Javascript片段不适用于Chrome,但适用于Internet Explorer
- CSS/JQuery/Javascript加载图标仅适用于firefox
- 使Javascript/JQuery视差幻灯片效果适用于类
- (PHP&JavaScript)a href添加按钮赢得'我不适用于Mozilla,但适用于IE和谷歌
- 如何使用Javascript将文件轻松上传到服务器(适用于Dummies)
- WinRT 语言投影如何详细适用于 JavaScript
- 适用于 Javascript 函数的应用程序范围的身份验证处理程序
- 是否有适用于 JavaScript 的 BCE / CE 日期库
- 是否有适用于JavaScript的WinRT API的机器可读版本
- 使用适用于 JavaScript 的 ArcGIS API 在地图上显示 KMZ 图层的各个图层
- Sublime Text 3: 4个空格的制表符不只适用于javascript文件