Javascript 为什么这个侧边栏数据没有进入ajax，为什么显示ui的滑块值没有定义？

我有一个侧边栏，其中包含一些输入。我想把这些数据放到我的ajax中。我正在记录这些输入。然而，我没有得到任何东西。以下是我所做的：

$（“#查找匹配”）。单击（函数（）{
警报（“点击”）；
});



选择性别
挑选
男性
女性

学历：
挑选
第十
第十二
毕业
研究生

期望工资（卢比）：
挑选
高达10万
高达10-20万
200-500万
500-100万
超过100万



搜索匹配项

如上所述，您需要等待

DOM

准备就绪。如果

DOM

未就绪，则无法将事件处理程序绑定到元素

$(document).ready(function() {
    $("#find_match").click(function(){
        alert("clicked");
    });
});

你的问题的第二部分和你发布的新JavaScript都搞砸了。您需要将代码的事件处理程序部分放入

document.ready

函数中。应该是这样的：

$(function() {
    $("#slider-range").slider({
      range: true,
      min: 20,
      max: 60,
      values: [ 20, 30 ],
      slide: function(event, ui) {
          $("#amount").val(ui.values[ 0 ] + " - " + ui.values[1]);
      }
    });

    // Took this out of the val() and put it in a var so it's easier to read
    var sliderVal = $("#slider-range").slider("values", 0) +
        " - " + $("#slider-range").slider("values", 1);
    $("#amount").val(sliderVal);

    // The code below must be within a document.ready, or the event
    // handler won't bind to the element because the DOM isn't ready!
    $("#find_match").click(function() {
        // I want to get the value of slider here..    
        var minAge = $('#amount').val(ui.values[ 0 ]);
    });
});

---

如上所述，您需要等待

DOM

准备就绪。如果

DOM

未就绪，则无法将事件处理程序绑定到元素

$(document).ready(function() {
    $("#find_match").click(function(){
        alert("clicked");
    });
});

你的问题的第二部分和你发布的新JavaScript都搞砸了。您需要将代码的事件处理程序部分放入

document.ready

函数中。应该是这样的：

$(function() {
    $("#slider-range").slider({
      range: true,
      min: 20,
      max: 60,
      values: [ 20, 30 ],
      slide: function(event, ui) {
          $("#amount").val(ui.values[ 0 ] + " - " + ui.values[1]);
      }
    });

    // Took this out of the val() and put it in a var so it's easier to read
    var sliderVal = $("#slider-range").slider("values", 0) +
        " - " + $("#slider-range").slider("values", 1);
    $("#amount").val(sliderVal);

    // The code below must be within a document.ready, or the event
    // handler won't bind to the element because the DOM isn't ready!
    $("#find_match").click(function() {
        // I want to get the value of slider here..    
        var minAge = $('#amount').val(ui.values[ 0 ]);
    });
});

---

将您的单击处理程序放在元素之后或处于dom就绪状态！您不必在console.log中执行

“+”

。您可以这样做：

console.log（var1、var2、var3）

等。将您的单击处理程序放在元素之后或处于dom就绪状态！您不必在console.log中执行

“+”

。您可以这样做：

console.log（var1、var2、var3）

，它就是这样工作的。我已经单独定义了它，这就是它不起作用的原因。我不确定你所说的“单独定义”是什么意思。任何将以任何方式与

DOM

交互的代码都应该在

$（document）.ready（）

中，无论该代码在应用程序/HTML中的何处。我的意思是它是$（document）.ready（）。。我稍微更新了我的问题。请检查它是这样工作的。我已经单独定义了它，这就是它不起作用的原因。我不确定你所说的“单独定义”是什么意思。任何将以任何方式与

DOM

交互的代码都应该在

$（document）.ready（）

中，无论该代码在应用程序/HTML中的何处。我的意思是它是$（document）.ready（）。。我稍微更新了我的问题。请查收