Question

请帮我组合两个jquery脚本。目前他们彼此不兼容。我能做些什么来使他们都友好。

Jquery的：

<script>
function edit_product() {
var id = $('.DIVY.panel3').attr('id');
alert (id);
</script>

<script>
  $(function(){

    $('.DIVY').click(function(){
        $('.DIVY.panel3').removeClass('panel3').addClass('panel2'); 
        $(this).removeClass('panel2').addClass('panel3'); 
    })
})
</script>

HTML：

<div id="1" class="DIVY panel2" >click me please!</div>
<div id="2" class="DIVY panel2" >click me please!</div>
<div id="3" class="DIVY panel3" >click me please!</div>
<div id="4" class="DIVY panel2" >click me please!</div>

<div ><a href="#" onclick="edit_product()">Check ID</a></div>

为了更好地进行可视化，我将此代码添加到My_jsfiddle
谢谢你的努力！

Answer 1

您的代码适用于jsfiddle，只需将执行更改为框架＆amp;上的No wrap - <in head>。扩展程序面板，请参阅http://jsfiddle.net/IrvinDominin/CevcR/4/

但是如果可以的话，不要混用jQuery和内联js代码，你会在代码中失去清晰度。

为editMe之类的锚元素分配一个ID并设置其点击功能，您的代码可能如下所示：

 $(function () {

     $('.DIVY').click(function () { // when a .myDiv is clicked
         $('.DIVY.panel3').removeClass('panel3').addClass('panel2');
         $(this).removeClass('panel2').addClass('panel3');

     })

     $('#editMe').click(function () { // when a .myDiv is clicked
         var id = $('.DIVY.panel3').attr('id');
         alert(id);
     })

 })

演示：http://jsfiddle.net/IrvinDominin/CevcR/2/

结合两个jQuery函数new

1 个答案: