jquery addClass不能与svg配合使用

-1

我有几个相同的html块与svg。我想通过点击添加切换类。此代码不起作用。 Console.log被调用，但不添加类。jquery addClass不能与svg配合使用

$(document).ready(function() { 
     init_svg(); 
     $('.seat').click(function(){ 
      if($(this).hasClass('preorder')){ 
       $(this).removeClass('preorder'); 
       console.log(1); 
      } 
      else{ 
       console.log(2); 
       $(this).addClass("preorder"); 
      }   
     }); 
    });

<div class="order" style="top: 260px; right: 370px;"> 
     <svg version="1.1" id="table-4" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" 
     style="transform: rotate(-15deg);" 
     width="100px" height="100px"> 
      <circle class="table" cx="60" cy="60" r="30"></circle> 
      <circle class="seat" cx="28.888" cy="28.884" r="6"></circle> 
      <circle class="seat" cx="17.5" cy="48.608" r="6"></circle> 
      <circle class="seat" cx="17.5" cy="71.384" r="6"></circle> 
      <circle class="seat" cx="28.888" cy="91.108" r="6"></circle> 
      <circle class="seat" cx="48.612" cy="102.497" r="6"></circle> 
      <circle class="seat" cx="71.388" cy="102.497" r="6"></circle> 
      <circle class="seat" cx="91.113" cy="91.109" r="6"></circle> 
      <circle class="seat" cx="102.502" cy="71.385" r="6"></circle> 
      <circle class="seat" cx="102.502" cy="48.609" r="6"></circle> 
      <circle class="seat" cx="91.114" cy="28.883" r="6"></circle> 
     </svg> 
     </div>

有什么不对？

来源

2017-02-13 Dev

我已经删除了*代码显然不打算实际运行（该代码片段功能不是通用代码共享工具），因此您的问题中的代码段*功能可能无法正常运行。 –

你必须使用**旧版本的jQuery：/ https://github.com/jquery/jquery/issues/2199 – vsync

JQuery无法将类添加到SVG。

.attr（）与SVG工作，你必须做这样的事情

// Instead of .addClass("newclass") 
$("#item").attr("class", "oldclass newclass"); 
// Instead of .removeClass("newclass") 
$("#item").attr("class", "oldclass");

很好的解释可以在此线程的SO：

jQuery SVG, why can't I addClass?

来源

2017-02-13 12:45:59

thx，我不知道这个功能 – Dev

这是不正确的。 https://github.com/jquery/jquery/issues/2199 jQuery **是**能够将类添加到SVG .... – vsync

jquery addClass不能与svg配合使用

回答

相关问题