javascript - 让两种不同的点击方法在单个 Jquery 函数中工作

Question

我无法让这两个不同的点击功能同时工作。今天是我第一次以任何有意义的方式使用 JS，所以请耐心等待。我有一个可选择的 Jquery 列表，一旦选择其中一项，我希望用户能够单击提交按钮。到目前为止，该列表正在运行，但我无法使用提交按钮来运行其代码。

  $(function () {
      var user_id;

      $("#selectable_<%=request.id.to_s%>").selectable({
          selected: function (event, ui) {
              var result = $("#select-result-<%=request.id.to_s%>").empty();

              $(ui.selected).addClass("ui-selected").siblings().removeClass("ui-selected").each(
                      function (key, value) {
                          $(value).find('*').removeClass("ui-selected");
                      }
              );

              var index = $("#selectable_<%= request.id.to_s %> .ui-widget-content").html();
              user_id = $("#selectable_<%= request.id.to_s %> .ui-widget-content #user_id").html();
              result.append(( index ));
              alert('User selected');
          }
      });

      $("#submit_button").submit(function () {
          if (user_id) {
              //Passing mdate and phone variables to rails controller(book_date & phone)
              window.open(location.protocol + '//' + location.host + '/' + "completes/create?&doer=" + user_id, "_self");
              alert("passed");
          }
          else {
              alert("Please select a user.");
          }
      });
  });

我尝试将提交代码移至可选择项上方，这使可选择项停止运行。显然，它一次只允许我运行其中一种方法。有什么想法吗？

编辑:我将函数更改为.click，但仍然没有运气。

我之前没有提到过这一点，但我正在使用 Rails。但我认为使用一个简单的 HTML 按钮标签就可以了，因为我只需要它来执行 JS。这可能与问题有关吗？

无论如何，我已经尝试将按钮更改为 Rails，这就是我现在所拥有的:

<%= button_tag "Submit", :id => "submit_button", :class => "btn btn-small btn-inverse",    :type => "button" %>

此外，这一切都发生在 Bootstrap 模式中。

Answer 1

尝试将提交按钮的 submit() 处理程序更改为 click() 处理程序。

 $("#submit_button").click(function (e) {

     // in case your button is of type "submit", prevent default submit action
     e.preventDefault();

          if (user_id) {
              //Passing mdate and phone variables to rails controller(book_date & phone)
              window.open(location.protocol + '//' + location.host + '/' + "completes/create?&doer=" + user_id, "_self");
              alert("passed");
          }
          else {
              alert("Please select a user.");
          }
 });

submit() 仅适用于表单。