2014-02-12 65 views
0

我想做一個jQuery附加,但我面臨的問題。jQuery追加代碼片段與自己的JavaScript

這工作得很好:

onclick="$('#TAGS1').append('<div class=\'B9_N\'><?php echo $TAG_INFO['TAG']; ?></div>');" 

但現在,我不能走的更遠。我想要的東西是這樣的:

onclick="$('#TAGS1').append('<div class=\'B9_N\' **onmouseover=\"this.className=\'B8_A\';\"**><?php echo $TAG_INFO['TAG']; ?></div>');" 

我想附加一個TAG和它自己的JavaScript裏面。這根本不起作用。我該如何做這項工作?

回答

1

避免內嵌腳本,並使用這樣的:

$(document).ready(function(){ 
    $('#TAGS1').click(function(){ 
    $(this).append('<div class="B9_N" />'); 
    }); 
    $('#TAGS1').hover(function(){ 
    $(this).addClass('B8_A');// perhaps you wanted to remove B9_N class, if so use $(this).removeClass('B9_N').addClass(B8_A'); 
    }); 
}); 
+0

我想改變類懸停在div本身,而不是標籤部分。標籤以具有自身特徵的div形式添加到標籤部分。 –

1

感謝您的幫助!我做了這樣的事情:

<script>$(document).ready(function(){ $("#TAGS1").on("mouseover mouseout","div",function(){ $(this).toggleClass("B9_A"); }); });</script>