Javascript IE正在用JQuery做一些奇怪的事情

所以。。。问题是，代码在FireFox中工作，没有问题。但当我打开同一页时，它会给我以下错误：

“Undefined为null或不是对象。”

但是，当我将代码复制到本地主机页面时，它可以正常工作。 同样，当我在IE中清除缓存时，它可以工作，但只有一次，如果我在加载一次之后刷新，它会给我相同的错误

代码如下：

<script type="text/javascript" src="datepicker/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
     var count3 = 0; 
     var count5 = 0;
     var count2 = 0;
     var count4 = 0;

    $(document).ready(function(){

    $('#switch3').click(function(){
        $('#switchDiv3').slideToggle(350);
            if(count3 == 0){
            count3 = 1;
            document.getElementById('switchImage3').src = "images/ArrowDown.png";
            return;
            } else {
            count3 = 0;
            document.getElementById('switchImage3').src = "images/ArrowRight.png";
            return;
            }
    });

    ... (this is the code for each item that is generated) 
    </script>

var count3=0；
var count5=0；
var count2=0；
var count4=0；
$（文档）.ready（函数（）{
$（'#switch3'）。单击（函数（）{
$（#switchDiv3'）。滑动切换（350）；
如果（count3==0）{
count3=1；
document.getElementById（'switchImage3'）.src=“images/ArrowDown.png”；
返回；
}否则{
count3=0；
document.getElementById（'switchImage3'）.src=“images/ArrowRight.png”；
返回；
}
});
…（这是生成的每个项目的代码）

以及确定应隐藏的div的代码：

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td width="20" align="center" valign="top" style="padding-right: 3px">
            <a style="cursor: pointer;" id="switch3"><img width="20" height="20" src="images/ArrowRight.png" id="switchImage3" style="border-style: solid; border-width: 1px; border-color: black;"/></a>
        </td>
        <td>
            <div id="switchDiv3">
                <div align="left">
                    (Contents of the div here)
                </div>
            </div>
        </td>
    </tr>
</table>

（此处为div的内容）

感谢您的帮助

---

提前感谢

你需要描述一下你想做什么。我猜你想在做的时候显示和隐藏一个div，并从左到右切换一个箭头

你可以使用切换功能，它真的很酷，这里有一个你想要的东西的例子（我猜）

$（文档）.ready（函数（）{
$（“#开关3”）.toggle（函数（）{
$（“#switch3”）.html（“”）；
$（“#switchDiv3”）。滑动切换（350）；
});
});
-> 
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。

顺便说一下，我只在示例中使用了内联样式，您应该使用外部样式表。

所以

原型功能也不起作用，不知道为什么。。。 现在我要试着改变显示属性

也不走运。脚本更改了箭头，但没有隐藏div

代码如下：

var count3 = 0;
function showHideDiv3(){
    if(count3 == 0){
        document.getElementById('switchDiv3').style.display = '';
        document.getElementById('switchImage3').src = "images/ArrowDown.png";
        count3 = 1;
    }else{
        if(count3 == 1){
            document.getElementById('switchDiv3').style.display = 'block';
            document.getElementById('switchImage3').src = "images/ArrowRight.png";
            count3 = 0;
        }
    }
}

部门的名字是正确的。我已经检查过了，我的三位同事也进行了双重检查

---

这让我抓狂和沮丧，哈哈。

你只是想交换图标来表示状态吗？如果是，只需选择图像上id的src属性并交换图形即可

因此，请使用以下方法：

$('#swtichImage3').hover(function() {
$(this).attr('src', 'images/ArrowDown.png');
}, function(){
$(this).attr('src', 'images/ArrowRight.png');
});

---

在那个例子中，我使用的是hover（）操作，但你可以交换它。我只是想用它来展示一种更简单的交换src属性的方法。

这个返回在你的代码中做了什么？我发现了问题，或者至少我想我找到了：p我目前正在实习的公司（学校之类的…）我没有告诉我他们也使用了Prototype 1.5框架。所以我猜这两个框架相互干扰…所以我现在要做的就是使用Prototype创建相同的函数，但这需要一段时间，因为我从来没有使用过Prototype 1.5框架。无论如何，感谢您在这件事上的帮助。^^^@syncopated:这两个库可以互操作。请查看jquery文档，了解如何使用$以外的符号访问jq库。我会为您查找该链接，但不幸的是，我现在正在手机上。：\e.g jquery（'html'）。remove（）；它只是更长，但您真的需要两个做相同事情的库吗？可能2-3个功能不同

$('#swtichImage3').hover(function() {
$(this).attr('src', 'images/ArrowDown.png');
}, function(){
$(this).attr('src', 'images/ArrowRight.png');
});