Question

我正在使用genderAPI和jQuery作为我的项目。
我试图获得#name的性别结果，但似乎我的代码根本没有识别它（没有alert跳出来）。有人会建议为什么请？

他们提供的jQuery plugin示例如下：

$('input#firstname').genderApi({key: genderApiClientKey}).on('gender-found', function(e, result) {

  if (result.accuracy >= 60) {    
    alert('Gender found: ' + result.gender);  
  }

});

以下是我的尝试，您可能会找到完整代码here：

HTML：

<head>
    <script type="text/javascript" src="https://gender-api.com/js/jquery/gender.js"></script>
</head>

<body>
    <section id="fetch">
        <input type="text" placeholder="Please enter your name here" id="term" />
        <button type="button" id="search">ENTER</button>
    </section>

    <div id="name">
        <div id="nameBox">
        </div>
        <div id="nameText">
        </div>
    </div>
</body>

jQuery的：

var apiUrl = "https://sheetsu.com/apis/f924526c"; // this is another API I created on Google Spreadsheet

$.getJSON(apiUrl, function (json) {

    console.log(JSON.stringify(json));
    var item = json.result.find(function (e) {

        return e.name == content;

    }) || json.result[0];
    console.log("PRINT ID: " + item.id);


    var name = item.name || content;
    var $nameText = $("#nameText"),
        str = name;
    html = $.parseHTML(str),
        nodeNames = [];
    $nameText.append(html);
    console.log("Name: " + name);

    // genderAPI here to get gender result
    $('name').genderApi({
        key: "oyxLJkutVSYXWNVzGP"
    }).on('gender-found', function (e, result) {
        if (result.accuracy >= 60) {
            alert('Gender found: ' + result.gender);
        }
    });
});

Answer 1

您是否正在尝试为下面的文字字段执行genderAPI？

<input type="text" placeholder="Please enter your name here" id="term" />

然后你的代码应该是这样的：

   $('input#term').genderApi({
        key: "oyxLJkutVSYXWNVzGP"
    }).on('gender-found', function (e, result) {
        if (result.accuracy >= 60) {
            alert('Gender found: ' + result.gender);
        }
    });

jQuery：从genderAPI获得结果

1 个答案: