2

请帮我结合两个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
谢谢大家的努力！

4

1 回答 1

2

您的代码适用于 jsfiddle，只需将执行更改为No wrap - <in head>在Frameworks & Extensions面板上，请参阅http://jsfiddle.net/IrvinDominin/CevcR/4/

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

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

 $(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/

于 2013-08-21T12:24:46.720 回答