2013-08-23 74 views
0

好吧,我早就有一個關於幻燈片切換的jQuery函數的問題。在沒有任何中斷的情況下,在頁面上運行它自己。然後我添加了這段代碼:jquery TypeError:狀態未定義var options = state.options;

$(function() { 
$('#toggle4').click(function() { 
    $('.toggle').hide('1000'); 
    $('.toggle').text('toggle 4 clicked'); 
    $('.toggle').slideToggle('1000'); 

    return false; 
}); 
}); 

$(function() { 
$('#toggle3').click(function() { 
    $('.toggle').hide('1000'); 
    $('.toggle').text('toggle 3 clicked'); 
    $('.toggle').slideToggle('1000'); 

    return false; 
}); 
}); 

我的script.js文件,其中我的JavaScript是和代碼將無法運行。該代碼中似乎存在一些不允許切換運行的內容。當我在HTML頁面上運行它時,我點擊它,它所做的就是將我返回到頁面的頂部,而不是正常工作。我的script.js文件在這裏http://jsfiddle.net/9e4uM/1/

當我讀取控制檯時,主題中的錯誤就是現在的情況。如果我拿出script.js文件並將代碼發佈到HTML頁面上,它就可以工作。但是,一旦我將它添加回來,它不會。由於頁面上運行的其他腳本,我需要script.js文件。不知道如何解決這個問題。

+0

你的控制檯說什麼? - JSFiddle說:'未捕獲TypeError:無法讀取未定義的屬性'mozilla' – tymeJV

+0

你的小提琴需要現在不添加jquery – mithunsatheesh

+0

我在HTML文件「js/jquery-1.7.1.min.js – Keith

回答

0
<div> 
     <a href="#" id="toggle3">Slide Toggle3</a><br /><br /> 
     <a href="#" id="toggle4">Slide Toggle4</a><br /><br /> 
    <div class="toggle" style="display:none; background-color:#4CF;width:100px;height:200px;"></div> 
</div> 


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
        <script type="text/javascript"> 
$(function() { 
$('#toggle4').click(function() { 
    $('.toggle').hide('1000'); 
    $('.toggle').text('toggle 4 clicked'); 
    $('.toggle').slideToggle('1000'); 

    return false; 
}); 
}); 

$(function() { 
$('#toggle3').click(function() { 
    $('.toggle').hide('1000'); 
    $('.toggle').text('toggle 3 clicked'); 
    $('.toggle').slideToggle('1000'); 

    return false; 
}); 
}); 
Check this link http://jsfiddle.net/indianchiran/fe75zct2/ and in your code cannot read property mozilla error will come for that error please go though this link http://craigsworks.com/projects/forums/showthread.php?tid=3972 
相關問題