Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何将id从按钮传递到模式 答复查询 名称 标题 描述 照片 日期 行动 “姓名” “头衔” “说明” ‘dd/mm/yyyy’_Jquery_Twitter Bootstrap - Fatal编程技术网

Jquery 如何将id从按钮传递到模式 答复查询 名称 标题 描述 照片 日期 行动 “姓名” “头衔” “说明” ‘dd/mm/yyyy’

Jquery 如何将id从按钮传递到模式 答复查询 名称 标题 描述 照片 日期 行动 “姓名” “头衔” “说明” ‘dd/mm/yyyy’,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,将建议更简单、更不复杂的方法,bootstrapframework将处理其余部分 替换以下内容 <div class="modal fade validate" id="modal-6"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <butto

将建议更简单、更不复杂的方法,
bootstrap
framework将处理其余部分

替换以下内容

<div class="modal fade validate" id="modal-6">
    <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">Reply Query</h4> 
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="control-label">Title</label>
                            <input class="form-control" disabled="" name="question" data-validate="required" data-message-required="Please Enter Title" placeholder="Enter Title" type="text">
                    </div>
                    <div class="form-group col-md-6">
                        <label class="control-label">URL</label>
                        <input class="form-control" name="url" disabled="" data-validate="required" data-message-required="Please Enter URL"  placeholder="Enter URL" type="text">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group no-margin">
                            <label for="description" class="control-label">Description</label>
                            <textarea class="form-control autogrow" id="description" placeholder="Describe Description Regarding Query"></textarea>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="control-label">Image Upload</label>
                        <div>
                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;" data-trigger="fileinput"> <img src="http://placehold.it/200x150" alt="..."> </div>
                                <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px"></div>
                                <div> <span class="btn btn-white btn-file"> <span class="fileinput-new">Select image</span> <span class="fileinput-exists">Change</span>
                                    <input type="file" name="..." accept="image/*"> </span> <a href="#" class="btn btn-orange fileinput-exists" data-dismiss="fileinput">Remove</a> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info">Send</button>
                <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div> 
要保留
背景:“static”
请将其添加到模式HTML标记中

$(document).ready(function() {
  $('#modal-6').on('show.bs.modal', function(e) {
    var id = $(e.relatedTarget).data('id');
    alert(id);
  });
});

将建议采用更简单、更简单的方法,而
bootstrap
框架将处理其余部分

替换以下内容

<div class="modal fade validate" id="modal-6">
    <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">Reply Query</h4> 
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="control-label">Title</label>
                            <input class="form-control" disabled="" name="question" data-validate="required" data-message-required="Please Enter Title" placeholder="Enter Title" type="text">
                    </div>
                    <div class="form-group col-md-6">
                        <label class="control-label">URL</label>
                        <input class="form-control" name="url" disabled="" data-validate="required" data-message-required="Please Enter URL"  placeholder="Enter URL" type="text">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group no-margin">
                            <label for="description" class="control-label">Description</label>
                            <textarea class="form-control autogrow" id="description" placeholder="Describe Description Regarding Query"></textarea>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="control-label">Image Upload</label>
                        <div>
                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;" data-trigger="fileinput"> <img src="http://placehold.it/200x150" alt="..."> </div>
                                <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px"></div>
                                <div> <span class="btn btn-white btn-file"> <span class="fileinput-new">Select image</span> <span class="fileinput-exists">Change</span>
                                    <input type="file" name="..." accept="image/*"> </span> <a href="#" class="btn btn-orange fileinput-exists" data-dismiss="fileinput">Remove</a> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info">Send</button>
                <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div> 
要保留
背景:“static”
请将其添加到模式HTML标记中

$(document).ready(function() {
  $('#modal-6').on('show.bs.modal', function(e) {
    var id = $(e.relatedTarget).data('id');
    alert(id);
  });
});

我受到了@Shehary的启发,但不得不用一些不同的语法来使用它

<div class="modal fade validate" id="modal-6" data-backdrop="static" data-keyboard="false">
   <!--- Rest of the modal code ---->
</div>

我受到@Shehary的启发,但不得不用一些不同的语法来使用它

<div class="modal fade validate" id="modal-6" data-backdrop="static" data-keyboard="false">
   <!--- Rest of the modal code ---->
</div>

我正在尝试此功能,但它无法正常工作。请建议我更多解决此问题。它在哪里出现故障或哪个部分工作不正常?id未传入模式,因此我无法从数据库检索数据。好的,我尝试此链接以解决我的问题。感谢您帮助我解决此问题。感谢您帮助我解决此问题,但现在我又有麻烦了。如果没有类“idhere”,我无法使用此id,我想使用此值从数据库中选择数据。所以,请帮助我解决这个问题。我正在尝试,但它不能正常工作。请建议我更多地解决这个问题。它在哪里失败,或者哪个部分不能正常工作?id没有传入模式,所以我无法从数据库中检索数据。好的,我正在尝试此链接以解决我的问题。感谢您帮助我解决此问题。感谢您帮助我解决此问题,但现在我遇到了另一个问题。如果没有类“idhere”,我无法使用此id,我想使用此值从数据库中选择数据。所以请帮我解决这个问题。
$(document).ready(function() {
  $('#modal-6').on('show.bs.modal', function(e) {
    var id = $(e.relatedTarget.id).selector;
    alert(id);
  });
});