次のようにコードコードをコピーします。
/*テキストはZhouxiangに自動的に入力します*/
(function($){
$ .complting = fundration(setting){
var opts = $ .extend({}、$ .completion.defaultsetting、setting);
//幅
var complete_width = null;
//高い
var complete_height = null;
//データソース(ASHX)アクセスパス
var complete_data_url = null;
// 物体
var complete_obj = null;
var completing_obj_show = null;
//オブジェクトの距離左距離
var completing_obj_marginleft = null;
//上部からのオブジェクト距離
var complete_obj_margintop = null;
//オブジェクトの高さ
var complete_obj_height = null;
//分類
var complete_count = null;
//
var complete_type_obj = null;
//コンテンツ
var complete_value = null;
//タイプ
var complete_type = null;
//タイプに合格するかどうか
var complete_book = false;
//カウント
var complete_n = 0;
//戻ってコールバックします
var complete_clickcall = null;
//負荷
関数完了_loading(){
//初期化
init();
//バインドイベント
complete_obj_addevent();
}
//初期化
function init(){){
complete_obj_show = opts.compleation_obj_show;
//オブジェクトを取得します
complete_obj = option_obj;
//オブジェクトの幅を取得します
complete_width = complete_obj.width();
//レイヤーディスプレイの高さを取得します
完了_height = opts.completion_height;
//アクセスデータベースURLを取得します
complete_data_url = opts.compleation_data_url;
//毎回クエリするレコードの数
complete_count = options.compleation_count;
//オブジェクトの高さを取得します
complete_obj_height = complete_obj.height();
//左距離を取得します
complete_obj_marginleft = complete_obj.offset()。
//上部距離を取得します
complete_obj_margintop = parseint(complete_obj.offset()。top) + parseint(compleate_obj_height);
complete_type_obj = option_type_obj;
complete_bool = option_bool;
complete_clickcall = options.compleation_clickcall;
}
//オブジェクトにイベントを追加します
関数完了_obj_addevent(){){)
complete_obj.keyup(function(event){
switch(event.keycode){
ケース38:
壊す;
ケース40:
壊す;
ケース13:
complete_clickcall();
壊す;
デフォルト:
//キーイベント遅延操作
CIMPLETION_BIND();
壊す;
}
});
complete_obj.keydown(function(event){
switch(event.keycode){
ケース13:
壊す;
ケース38:
if(complete_n == 0){{
complete_n =(complete_obj_show.find( "li")。
} else if(completening_n!= 0){{
complete_n = complete_n -n;
}
// alert(complete_n);
complete_obj_show.find( "li")。
complete_obj_show.find( "li")。
complete_obj.val(complete_obj_show.find( "li")。eq(complete_n).find( "ul")。text());
壊す;
ケース40:
if(complete_n + 1 <corptting_obj_show.find( "li")。
complete_n = complete_n + 1;
} else if(completening_n + 1 == complete_obj_show.find( "li")。
complete_n = 0;
}
complete_obj_show.find( "li")。
complete_obj.val(complete_obj_show.find( "li")。eq(complete_n).find( "ul")。text());
complete_obj_show.find( "li")。
壊す;
デフォルト:
壊す;
}
});
}
//バインディング方法
関数cimpleting_bind(){
//タイプの判断を開くかどうか
if(complete_bool){
complete_type = complete_type_obj.val();
}
complete_value = complete_obj.val();
complete_value = complete_value.replace( "" "、" ");
//検証を実行します
complete_verification(completening_value);
if(complete_value.length> 1){{
//データ構造htmlを取得します
complete_data_bind();
} それ以外 {
complete_obj_show.hide();
}
}
//確認する
function complete_verification(obj){{
if(obj == "" "|| obj == null || obj == undefined){
falseを返します。
}
}
// AJAX要求を実行してデータを取得します
関数完了_data_bind(){
$ .ajax({{
url:completing_data_url、
データ:{completevalue:completening_value、compleatecount:reftement_count、recompertype:complete_type}、
タイプ:「投稿」、
データ型:「JSON」、
成功:function(obj){
// htmlを構築します
complete_add_html(obj);
}
});
}
//選択します
関数完了_select(obj){
complete_obj.val(obj.find( "ul")。text());
complete_obj_show.hide();
}
//建設コンテンツ
関数完了_add_html(obj){
var data = object_data;
//検証を実行します
complete_verification(data);
var completion_li = "";
if(data!= null && data!= undefined){
for(var i = 0; i <data.length; i ++){
//検証が空であるかどうか
var dr = data [i];
complete_verification(dr);
var completeName = Dr. Cometing_name;
completeName = recompername.Replace(complete_value.touppercase()、 "<span class = 'c-hover'>" + complete_value.touppercase() + "</span>");
complete_li + = "<li> <a href = 'javascript:;'> <span class = 'c-total'> compximate" + dr.compleation_count + "エントリレコード</span> <ul> + completeName +" <"" /ul> </a> </li> "";
}
if(completening_li!= ""){{
var completening_html = "<ul style = 'list-style-type:none;'>" " + complete_li +" </ul> "";
complete_obj_html(completening_html);
} それ以外 {
complete_obj_show.hide();
}
}
}
// ねずみ
function mousehover(obj){
complete_obj_show.find( "li"){){){)
complete_obj_show.find( "li")。
complete_obj.val($(this).find( "ul")。text());
complete_n = complete_obj_show.find( "li")。
});
}
//制御するためにバインドします
関数完了_obj_html(html){
complete_obj_show.show();
complete_obj_show.html( "")
compleate_obj_show.css({"width":complete_width + 6、 "height":complete_height、 "border-width": "1px"、 "border-color": "#ccc"、 "border-top-wid" th ": "0PX"、 "Border-Style": "Solid"、 "Position": "相対"、 "z-index": "100000"});
complete_obj_show.attr( "class"、 "compleyting-guess-list");
complete_obj_show.html(html);
complete_n = -1;
complete_obj_show.find( "li")。
complete_selected($(this));
});
MouseHover($(this));
compleate_obj_show.click(function(e){
e.StopPropagation();
})
complete_obj.click(function(e){
CIMPLETION_BIND();
e.StopPropagation();
});
$(docume).click(function(){
complete_obj_show.hide();
});
}
//負荷
complete_loading();
};
//デフォルトの構成
$ .completion.defaultsetting = {
complete_height:null、
rectrep_data_url:null、
complete_obj:null、
complete_obj_show:null、
complete_bool:false、
complete_count:10、
complete_type_obj:null、
Complete_ClickCall:null
};
})(jQuery);
次のようにコードコードをコピーします。
体
{{
マージン:0;
パディング:0;
}
.completion-guess-list ul、li
{{
マージン:0;
パディング:0;
リストスタイル:なし;
}
.completion-guess-list
{{
オーバーフロー:自動;
フォントサイズ:12px;
ラインハイト:180%;
背景:#fff;
}
.completion-guess-list a
{{
色:#555;
テキスト装置:なし;
表示:ブロック;
パディング:1px 6px;
オーバーフロー:隠し;
ホワイトスペース:nowrap;
フォントファミリー:Verdana、Arial;
}
.completion-guess-list a .c-total {float:right;}
.completion-guess-list a:hover、.completion-guess-list a.compleation-guess-list-hover
{{
背景:#3399ff;
色:#fff;
}
.compledion -guess-list a:Hover span.c-total、.completion- yeas-list a.compleation-guess-lover span.c-total {color:#fff;};};}
.completion -guess-list .c-hover {font-weight:700;}
次のようにコードコードをコピーします。
$ .complting({completening_obj:$( "#input_html")、compleate_data_url: "/compledionalhandler.ashx"、rectrace_height: "auto"、recompled_obj_show:$( "#show")、complete_bool:true、refting_type_obj:$( type ")、complete_clickcall:function(){alert(1);}、complex_length:0});