Question

您能否帮我将以下javaScript代码转换为jQuery toggle（）方法

<input class="tog" type="button" Street View" onclick = "toggleStreetView();" ></input>

<script>
 function toggleStreetView() {
    var toggle = panorama.getVisible();
    if (toggle == false) {
                          panorama.setVisible(true);
                         } else {
                                  panorama.setVisible(false);
                                }
 </script>

我试图将其转换为这种方式，但我怀疑它是否正确

 <input class="tog" type="button" Street View"></input>

<script>
 $(document).ready(function() {
  $('tog').click(function() {
   $('panaroma').toggle(function() {
     setVisible(true);
   });
 });
</script>

感谢您的评论和帮助

Answer 1

我认为你可以做到

 $(document).ready(function() {
  $('.tog').click(function() {
   $('.panaroma').toggle();
 });

jQuery应该为你跟踪状态。你的选择器有点不合适，但我也认为你打电话来设置能见度的功能无论如何都会搞砸你。

Answer 2

选择器问题

 $('.tog').click(function() {
    ^------------- Missing a class selector here
   $('.panaroma').toggle(function() {
      ^-----------  Same here

对于课程，您需要使用点。，对于ID，您应该使用磅＃

这就足够了

$(document).ready(function() {
  $('.tog').click(function() {
       $('.panaroma').toggle();
   });
 });

将纯JavaScript函数转换为jQuery Toggle（）

2 个答案: