Question

我有一个包含以下jQuery代码的外部JS文件：

var globalNames = { next: 'input[name="next"]'};
var globalElements = { next: $e.find(globalNames.next) };

initQuiz: function() {
  globalElements.next.click(function () {

        if (y.forcingQuestionSolve && !j[c.index()] && (y.quizSummeryHide || !y.reviewQustion)) {
            alert(WpProQuizGlobal.questionNotSolved);
            return false
                }
        i.methode.nextQuestion()
     }
);

globalElements.next.click功能是通过单击按钮触发的：

<input type="button" name="next" value="Next" class="Button" ">

我想做的是从“输入复选框”单击中调用此p.next.click函数。我添加了以下代码：

<script>
$(document).on("click", "input[class='questionInput']", function () {
    alert("Thanks for checking me");
    // This is the line I'm not sure off !?!?
    $('next').trigger('click');
});
</script>

如您所见，我已经尝试调用触发事件，但是它不起作用。

我必须注意，这2个jQuery语句未在文档中合并，它们是分开的。

编辑：添加了正确的变量（全局*）

Answer 1

问题是您的选择器。 $('next')没找到任何东西。

更改此...

$('next').trigger('click');

对此。...

$('.Button[name=next]').trigger('click');

这将查找具有类Button和名称next的元素并触发click事件。

您在输入元素中也有错字-最后的"应该是/。

Answer 2

这是正在运行的解决方案，请检查正在运行的代码段

  $(document).on("click", "input[class='questionInput']", function () {
    alert("Thanks for checking me");
    // This is the line I'm not sure off !?!?
    $('[name="next"]').trigger('click'); 
  });

$('[name="next"]').click(function(){
    console.log("click triggered successfully")
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="questionInput" />
<input type="button" name="next" value="NEXT BUTTON" />

jQuery click函数来自另一个click函数

2 个答案: