[英]Slide Toggle [Jquery Function] Not Working
我使用此代碼來運行滑動切換,但當我單擊它時它不會打開:
JS代碼:
<script type="text/javascript">
$(document).ready(function () {
alert('hi i came to toggle');
$(".flip").click(function () {
$(this).next().slideToggle("fast");
});
});
function ViewGetSubjects(data) {
var subjects = (typeof data) == 'string' ? eval('(' + data + ')') : data;
$('#subjects').empty();
for (var i = 0; i < subjects.length; i++)
{
$('#subjects').append('<h1 class = "flip">'+subjects[i].Wkp_lesson+'</h1><div class="panel" >' + ' Weekly Body: ' + subjects[i].Wkp_Body + ' Weekly Body: ' + subjects[i].Wkp_Body + ' Weekly Lesson: ' + subjects[i].Wkp_lesson + '</div>');
}
}
CSS:
div.panel,h1.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#488AC7;
border:solid 1px #F6358A;
}
div.panel
{
height:120px;
display:none;
}
你知道為什么嗎?
非常感謝:)
如果您使用的不是最新版本的 jquery
$(".flip").live('click', function(e){
$(this).next().slideToggle("fast");
});
否則應該是
$("#subjects").on('click', 'h1.flip', function(e){
$(this).next().slideToggle("fast");
});
因為您在#subjects
(具有 id=subjects 的元素)元素內動態附加DOM
( h1
with class name flip
)元素。
參考資料: on and live (deprecated) 。
除了我的評論,您是否可能忘記包含 jquery 庫?
<script src="http://code.jquery.com/jquery-latest.js"></script>
這將包括直接來自 jquery.com 的最新版本,但建議您復制代碼並將其保存在您自己的文件中。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.