Question

请告诉我我的jquery代码出了什么问题（看起来一切正常，但仍然无法正常工作！）
按钮生成不起作用，当我单击它时什么也没有发生！

ps：我到处都在搜索这个问题，我也找不到自己和同样问题困扰的灵魂

谢谢

$('#meta_mal_api_button').click(function(e) {
	e.preventDefault();

  var valMALID = $('input[name=meta_mal_api_input]').get(0).value;

  var languange = "<?php echo $langu; ?>";

  var target = document.URL;
  $.getJSON("https://mal.developersidn.com/anime/?id=https://myanimelist.net/anime/" + valMALID + languange, function(json) {
    $.each(json, function(key, val) {

      var valTitle = "";
      if (key == "<?php echo $titleml; ?>") {
        valTitle += "" + val + "";
        $('input[name=dev_title]').val(valTitle);
        $("input[name=post_title]").val(valTitle);
      }

      var valEnglish = "";
      if (key == "english") {
        valEnglish += "" + val + "";
        $("input[name=dev_english]").val(valEnglish);
      }

      var valJapanese = "";
      if (key == "japanese") {
        valJapanese += "" + val + "";
        $("input[name=dev_japanese]").val(valJapanese);
      }

      var valStatus = "";
      if (key == "status") {
        valStatus += "" + val + "";
        $("select[name=dev_status]").val(valStatus);
      }

      var valType = "";
      if (key == "type") {
        valType += "" + val + "";
        $("select[name=dev_type]").val(valType);
      }

      var valDuration = "";
      if (key == "duration") {
        valDuration += "" + val + "";
        $("input[name=dev_duration]").val(valDuration);
      }

      var valDuration = "";
      if (key == "duration") {
        valDuration += "" + val + "";
        $("input[name=dev_duration]").val(valDuration);
      }


      var valProducer = "";
      if (key == "producers") {
        valProducer += "" + val + "";
        $("input#new-tag-producers").val(valProducer);
      }

      <?php if($catmal == '1') { ?>
      var valTitleCat = "";
      if (key == "<?php echo $titleml; ?>") {
        valTitleCat += "" + val + "";
        $('input#newcategory').val(valTitleCat);
        $("input#category-add-submit").click();
      }

      <?php } ?>
      var valScore = "";
      if (key == "score") {
        valScore += "" + val + "";
        $("input[name=dev_score]").val(valScore);
      }

      var valDate = "";
      if (key == "aired") {
        valDate += "" + val + "";
        $("input[name=dev_date]").val(valDate);
      }

      var valDate = "";
      if (key == "aired") {
        valDate += "" + val + "";
        $("input[name=dev_date]").val(valDate);
      }

      var valTrailer = "";
      if (key == "pv") {
        valTrailer += "" + val + "";
        $("input[name=dev_trailer]").val(valTrailer);
      }

      var valRating = "";
      if (key == "score") {
        valRating += "" + val + "";
        $("input[name=dev_rating]").val(valRating);
      }

      var valUsers = "";
      if (key == "users") {
        valUsers += "" + val + "";
        $("input[name=dev_users]").val(valUsers);
      }


      var valSource = "";
      if (key == "source") {
        valSource += "" + val + "";
        $("input[name=dev_source]").val(valSource);
      }


      var valTotalEpisode = "";
      if (key == "episodes") {
        valTotalEpisode += "" + val + "";
        $("input[name=dev_episode]").val(valTotalEpisode);
      }

      var valSeason = "";
      if (key == "premiered") {
        valSeason += "" + val + "";
        $('input#new-tag-season').val(valSeason);
      }

      var valGenre = "";
      if (key == "genres") {
        valGenre += "" + val + "";
        $('input#new-tag-genre').val(valGenre);
      }

      var valStudio = "";
      if (key == "studios") {
        valStudio += "" + val + "";
        $('input#new-tag-studio').val(valStudio);
      }



      var valImg = "";
      var valAutoupload = "1";
      if (key == "image") {
        valImg += "" + val + "";
        // Insert image using ajax
        if (valAutoupload == '<?php echo $autoupload; ?>') {
          var poster = valImg;
          //alert(poster);
          $.ajax({
            type: "POST",
            url: target,
            data: {
              'poster_url': poster,
            },
            success: function(response) {
              $("input[name=dev_featured]").val(response);
            }
          });
        } else {
          $("input[name=dev_featured]").val(valImg);
        }
      }
      var valDesc = "";
      if (key == "synopsis") {
        var output = val.replace(/\n/g, "<br />");
        valDesc += "" + output + "";
        if (typeof tinyMCE != "undefined") {
          var editor_id = wpActiveEditor;
          if ($('#wp-' + editor_id + '-wrap').hasClass('tmce-active') && tinyMCE.get(editor_id)) {
            tinyMCE.get(editor_id).setContent(valDesc);
          } else {
            $("textarea[name=content]").val(valDesc);
          }
        }
      }

    });
  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="rwmb-clone rwmb-text-clone">
  <input size="30" type="text" id="meta_mal_api_input" value="28249" class="rwmb-text " name="meta_mal_api_input">
  <a href="#" class="button-primary" id="meta_mal_api_button">Generate</a>
</div>

Answer 1

在文档就绪块中添加您的jquery代码。

  $(document).ready(function () {

    });

将click函数绑定到元素时，该元素不会加载到DOM中。

Answer 2

由于您将锚标记用作按钮，因此在添加自定义功能之前，应防止链接的默认行为：

$('#meta_mal_api_button').click(function(e) {
    e.preventDefault();
    ...
});

有效的示例代码：

$('#meta_mal_api_button').click(function(e) {
  e.preventDefault();
  alert('Button clicked');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="rwmb-clone rwmb-text-clone">
  <input size="30" type="text" id="meta_mal_api_input" value="28249" class="rwmb-text " name="meta_mal_api_input">
  <a href="#" class="button-primary" id="meta_mal_api_button">Generate</a>
</div>

按钮元素没有响应

2 个答案: