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">×</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">×</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);
});
});