使用jquery和javascript动态添加引导转盘

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

<div id="guide-wheel"></div>

<style>
#guide-wheel {
  width: 300px;
  height: 300px;
  background-color: #f2f2f2;
}
</style>

$(document).ready(function() {
  // 创建转盘元素
  var wheel = $('<div class="wheel"></div>');
  
  // 设置转盘样式
  wheel.css({
    width: '200px',
    height: '200px',
    background-color: 'blue',
    border-radius: '50%',
    margin: '50px auto',
  });
  
  // 将转盘添加到容器中
  $('#guide-wheel').append(wheel);
});