Question

我正在使用fullcalendar和bootstrap v3（最新）进行项目

我想使用modalbox bootstrap样式。我想在jQuery中定义自己的按钮，因为这样我可以将所有数据保存在fullcalender函数中。

js的一部分

select:  function(start, end, allDay) { 
            $('#selectModal').on('#Create', function (e) {
              // do something...
            })
        },

Bootstrap模式

<!-- Modal box for select -->
<div class="modal fade" id="selectModal" tabindex="-1" role="dialog" aria-labelledby="selectModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <form class="form-horizontal" role="form">
            <div class="form-group">
                <label>Medewerker</label>
                    <select class="form-control" id="selectBoxMedewerker">          
                        <?php foreach($this->users as $user):?>
                            <option  id="<?=$user->webuserId;?>" value="<?=$user->firstName;?> <?=$user->preposition;?> <?=$user->lastName;?>"><?=$user->firstName;?> <?=$user->preposition;?> <?=$user->lastName;?></option>
                        <?php endforeach;?>
                    </select>
            </div>
            <div class="form-group">
                <input type="text" id="description" class="form-control" placeholder="Description">
            </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" id="Create" class="btn btn-primary">Create</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

问题

如果我脱光

$('#selectModal').on('#Create', function (e) {
              // do something...
            })

一切正常但是当我添加它（检查是否点击了创建）时，我在firebug中收到此错误：

SyntaxError: missing : after property id
$('#Create').click(function(){});

我在这里做错了什么^

更新代码：

select:  function(start, end, allDay) {
            $('#selectModal').modal({
                $('#selectModal').on('click','#Create', function (e) {alert('something')});
            });
        },

工作代码

    $('#selectModal').modal({

    });
    $('#selectModal').on('click','#Create', function (e) {alert('something')});

“更新后的代码”仍有问题。我把检查创建点击模态，它的工作原理。

所以达到了我的目标。谢谢！

Answer 1

on() 的正确语法为.on( events [, selector ] [, data ], handler(eventObject) )，其中events是必需的。因此，请指定click事件

$('#selectModal').on('click','#Create', function (e) {
});

Answer 2

尝试更换：

$('#Create').click(function(){});

使用：

$('#Create').on('click',function(){

});

您当前的语句被解释为对象文字。

Bootstrap模态3检查是否单击了按钮

2 个答案: