首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

请教为什么Jquery中的toggle()执行起来有有关问题

2012-03-08 
请问为什么Jquery中的toggle()执行起来有问题?在我点击之后div是交替隐藏和显示,但$(#ShowHideEmbeded).

请问为什么Jquery中的toggle()执行起来有问题?
在我点击之后div是交替隐藏和显示,但$("#ShowHideEmbeded").html("Hide Embeded Code");似乎从来没有执行
此外是不是应该用$("#ShowHideEmbeded").text("Hide Embeded Code")更改DIV中的内容


  $("#ShowHideEmbeded").bind("click", function () {
  $("#TextAreaLinkCode").toggle();
  if ($("#TextAreaLinkCode").display = "none") {
  $("#ShowHideEmbeded").html("Show Embeded Code");
  } else {
  $("#ShowHideEmbeded").html("Hide Embeded Code");
  }
  });

<div id="ShowHideEmbeded" style="cursor: pointer;">Show Embeded Code</div>


[解决办法]
$().display='none'
1.jQuery取display需要使用jQuery.css('display');
2.逻辑判断需要使用===或==,你的写法等于是给某jQuery对象添加了一个属性,名为"display"值为"none",然后再检查这个jQuery对象的display,于是永远为真,else语句永远不会执行。

JScript code
$("#ShowHideEmbeded").bind("click", function () {    $("#TextAreaLinkCode").toggle();    if ($("#TextAreaLinkCode").css("display")=== "none") {        $("#ShowHideEmbeded").html("Show Embeded Code");    } else {        $("#ShowHideEmbeded").html("Hide Embeded Code");    }});
[解决办法]
顶楼上!
JScript code
 $("#ShowHideEmbeded").bind("click", function () {  $("#TextAreaLinkCode").toggle();  if ($("#TextAreaLinkCode").display == "none") { //这个地方应该两个等号,如果判断0,null应该用3个等号  $("#ShowHideEmbeded").html("Show Embeded Code");  } else {  $("#ShowHideEmbeded").html("Hide Embeded Code");  }  }); 

热点排行
Bad Request.