Javascript 文本框图示符，则函数应调用

我正在尝试调用textbox图标单击上的函数。但是我做不到

这是我的密码

<style>
  /* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
 position: absolute;
 padding: 10px;
  /*pointer-events: none;*/
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }


</style>

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

  <form method="GET" class="forms-search" id="forms-search" action="<?php echo Yii::app()->createUrl('store/searcharea')?>">
   <div class="row">
    <div class="border col-sm-11 col-xs-10">
      <div class="inner-addon left-addon">
            <i id='marker' class="glyphicon glyphicon-map-marker" style="color:#0070EB;cursor:pointer;"></i>      
              <?php echo CHtml::textField('s',$kr_search_adrress,array(
              'placeholder'=>$placholder_search,
              'class'=>"form-control",
              'required'=>true
              ))?>  
        </div>
    </div>
    <button type="submit" class="btn" style="background-color:#0070EB;color:white">Find</button>   
</div>
</form>

<script>
$(document).ready(function(){
$('#marker').click(function(event){
event.preventDefault();
alert("hello");
});

</script>

/*启用绝对定位*/
.内部插件{
位置：相对位置；
}
/*样式符号*/
.internal addon.glyphicon{
位置：绝对位置；
填充：10px；
/*指针事件：无*/
}
/*对齐图示符*/
.left加载项.glyphicon{left:0px；}
.right插件.glyphicon{right:0px；}
/*添加填充物*/
.left加载项输入{左填充：30px；}
.right加载项输入{右填充：30px；}
发现
$（文档）.ready（函数（）{
$（“#标记”）。单击（函数（事件）{
event.preventDefault（）；
警惕（“你好”）；
});

现在，我在我的网页上写了上面的代码。 我可以看到标记和文本框在适当的位置， 现在，我想在单击标记时调用一个函数（单击事件）

---

有人能告诉我这里缺少了什么吗？我做错了什么。

这看起来像是语法问题。

$（文档）中的javascript代码。ready

调用格式不正确，外部ready函数调用没有右括号和圆括号。将代码更改为：

$(document).ready(function(){
    $('#marker').click(function(event){
        event.preventDefault();
        alert("hello");
    });
});

我建议您保持js代码的正确缩进，以便快速识别这些语法问题