Question

我有此代码：

<div class="form-group">
    <div class="form-group has-feedback">
        <input required="required" name="query" type="text" class="form-control indexInputSzukaj" id="inputValidation" placeholder="Znajdź" value="">
        <span class="glyphicon glyphicon-search form-control-feedback glyphiconColor showActionAfterClick"></span>
    </div>
</div>

jQuery

$(document).ready(function() {
    $('.showActionAfterClick').click(function() {
        alert('ok');
    });
});

此代码是在引导程序中创建的。

点击showActionAfterClick类后，我需要显示警报框，但是它不起作用。

我该如何修理？

Answer 1

您的班级标识符（JSONObject json = new JSONObject(str); Iterator<String> iterator = json.keys(); if (iterator != null) { while (iterator.hasNext()) { String key = iterator.next(); Object value = json.get(key); String dataType = value.getClass().getSimpleName(); if (dataType.equalsIgnoreCase("Integer")) { Log.i("Read Json", "Key :" + key + " | type :int | value:" + value); } else if (dataType.equalsIgnoreCase("Long")) { Log.i("Read Json", "Key :" + key + " | type :long | value:" + value); } else if (dataType.equalsIgnoreCase("Float")) { Log.i("Read Json", "Key :" + key + " | type :float | value:" + value); } else if (dataType.equalsIgnoreCase("Double")) { Log.i("Read Json", "Key :" + key + " | type :double | value:" + value); } else if (dataType.equalsIgnoreCase("Boolean")) { Log.i("Read Json", "Key :" + key + " | type :bool | value:" + value); } else if (dataType.equalsIgnoreCase("String")) { Log.i("Read Json", "Key :" + key + " | type :string | value:" + value); } } }）和班级名称.之间有一个空格：

showActionAfterClick

$(document).ready(function() {
  $('.showActionAfterClick').click(function() {
    alert('ok');
  });
});

Answer 2

在这种情况下，发生这种情况的原因是span是一个内联元素，并且其宽度大小取决于其内容。因此，span元素没有宽度，您无法单击它并触发警报（除jquery查询选择器中的语法错误之外）。 @Jack Bashford的示例之所以有效，是因为span元素内部包含文本，因此可以提供该元素的宽度。

Answer 3

<div class="form-group ">
<div class="form-group has-feedback ">
<input required="required" name="query" type="text" class="form-control indexInputSzukaj" id="inputValidation" placeholder="Znajdź" value="">
<span id ="showActionAfterClick" class="glyphicon glyphicon-search form-control-feedback glyphiconColor">Click ME!</span>
</div>
</div>



$(document).ready(function() {
    $('#showActionAfterClick').click(function() {
            alert('ok');
        });
});

在您的span标记中添加ID而不是class和replace。使用＃并立即尝试

Answer 4

使用此

<div class="form-group ">
<div class="form-group has-feedback ">
<input required="required" name="query" type="text" class="form-control indexInputSzukaj" id="inputValidation" placeholder="Znajdź" value="">
<span onclick="test()" class="glyphicon glyphicon-search form-control-feedback glyphiconColor"></span>
</div>
</div>


<script>
function test(){
alert("ok");
}
</script>

点击后不显示提醒

4 个答案: