PHP実践9日目_PHPチュートリアル
- WBOYオリジナル
- 2016-07-14 10:11:06765ブラウズ
1.jquery事件可以绑定N个，如果不进行取消就会重复调用绑定的事件。深感体会，搞了两小时终于发现其中奥妙。
以下代码不能单独运行的。需要 bootstrap和jquery
[javascript] /**
* 用于显示对话框消息框
* 参数 title 消息标题
* 参数 content 消息内容
* 参数 buttomTitle 处理消息的按钮自定义的，比如确认删除
* 参数 fun 自定义按钮click事件
* 参数 passOnData 传递到自定义fun里的参数
*/
function show_Msg (title,content,buttomTitle,fun,passOnData) {
$("#msg #myModalLabel").html(title);
$("#msg .modal-body").html(content);
$('#msg #msg_c').html(buttomTitle).click(function(){
fun(passOnData);//调用自定义的函数,以及传递自定义的数据
$('#msg').modal('hide');//点击完就把窗口隐藏了
$(this).unbind('click');//如果不取消事件，那么将重复调用。。
});;
$('#msg').modal('show');
}
/**
* 用于显示对话框消息框
* 参数 title 消息标题
* 参数 content 消息内容
* 参数 buttomTitle 处理消息的按钮自定义的，比如确认删除
* 参数 fun 自定义按钮click事件
* 参数 passOnData 传递到自定义fun里的参数
*/
function show_Msg (title,content,buttomTitle,fun,passOnData) {
$("#msg #myModalLabel").html(title);
$("#msg .modal-body").html(content);
$('#msg #msg_c').html(buttomTitle).click(function(){
fun(passOnData);//调用自定义的函数,以及传递自定义的数据
$('#msg').modal('hide');//点击完就把窗口隐藏了
$(this).unbind('click');//如果不取消事件，那么将重复调用。。
});;
$('#msg').modal('show');
}html消息框模板
[html]
[javascript] show_Msg('タイトルは長くしてください', '太字フォントなどのHTMLを記述できます', '削除', function(e){
アラート (e); },'削除をクリックした後に渡したデータは次のとおりです');
show_Msg('タイトルは長くしてください', '太字フォントなどのHTMLを記述できます','削除',function(e){ アラート(e);
},'削除をクリックした後に渡したデータは次のとおりです');
[javascript] 関数 admin_content_del (id) {
$.ajax({
URL: 'http://localhost/l/index.php'、
タイプ: 'get'、
データ型: 'json'、
データ: {
m: 「管理者」、
a: 'delcontent'、
id: delId
}、
完了: function(xhr, textStatus) {
// 完了時に呼び出されます
}、
成功: function(data, textStatus, xhr) {
If(data.state='ok'){
admin_content(1);
show_Msg_success('正常に削除されました');
}その他{
show_Msg_success('削除に失敗しました');
}、
エラー: function(xhr, textStatus, errorThrown) {
//エラーが発生した場合に呼び出されます
}
});
},データ.id);
}
関数 admin_content_del (id) {
var data=listData[id];
show_Msg('削除の確認',data.content,'削除の確認',function(delId){
$.ajax({
URL: 'http://localhost/l/index.php',
タイプ: 'get'、
データ型: 'json'、
データ: {
m: 「管理者」、
id:delId
}、
完全: function(xhr, textStatus) {
//完了時に呼び出されます
}、
成功: function(data, textStatus, xhr) {
If(data.state='ok'){
admin_content(1);
Show_Msg_success('削除に成功しました');
}その他{
Show_Msg_success('削除に失敗しました');
}
}、
エラー: function(xhr, textStatus, errorThrown) {
//エラーが発生したときに呼び出されます
}
});
},data.id);
}
2. setTimeout はイベントの実行を遅らせます。このメッセージは非常に優れており、非常によく使用されますが、メッセージをクリアするこの方法は単純で粗雑です。
[javascript] /**
* 用于显示顶部消息。显示的消息3秒后自动销毁。
* 参数 content 消息内容
* 参数 face 消息的样式，真，为成功绿色的；假，为错误红色的
*/
function show_Msg_success(content,face){
if (face==null) {
face=true;
}
face = face?'success':'error';
strTag='
$(strTag).prependTo('#main');
setTimeout(function(){
$(".alert").alert('close');
},3000);
}
/**
* 用于显示顶部消息。显示的消息3秒后自动销毁。
* 参数 content 消息内容
* 参数 face 消息的样式，真，为成功绿色的；假，为错误红色的
*/
function show_Msg_success(content,face){
if (face==null) {
face=true;
}
face = face?'success':'error';
strTag='
$(strTag).prependTo('#main');
setTimeout(function(){
)
$(".alert").alert('close');
},3000);
}
3. チェックボックスを選択するには純粋な DOM を使用する方が良いです。jquery の art() メソッドは不正です
checkbox.attr('checked',$(this).get()[0].checked);
チェックボックスをオンにしますが、最初は機能し、3回目以降は奇妙なことに失敗します。問題は真実ではありません。
[JavaScript]関数 click_tr() {
var checkbox = $("#mainData tr input");
checkbox.eq(0).click(function() {
//checkbox.attr('checked',$(this).get()[0].checked);
bool = $(this).get()[0].checked;
for (var i = 1; i
;
});
$("#mainData tr").each(function(index) {
$(this).click(function() {
if (インデックス == 0) {
var val = checkbox.eq(index);
val = val.get()[0];
var bool = val.checked;
//alert(index);
If (ブール値) {
チェックされた値 = FALSE;
});
});
関数 click_tr() {
var checkbox = $("#mainData tr input");
checkbox.eq(0).click(function() {
//checkbox.attr('checked',$(this).get()[0].checked);
bool = $(this).get()[0].checked;
for (var i = 1; i
};
});
$("#mainData tr").each(function(index) {
$(this).click(function() {
} 他 {
val = val.get()[0];
var bool = val.checked;
//アラート(インデックス);
If (ブール値) {
val.checked = false;
} その他 {
val.checked = true;
}
});
}); いくつか調べてテストコードを書きましたが、それでも役に立たず、真実を知らない人を選択することはできませんでした。
[html]