以下の動的テーブルと同じ幅を維持するように検索divのサイズを変更する小さな関数を作成しています。関数を使用しないと機能し、関数を使用すると失敗するのはなぜですか。複数のグリッドビュー/検索があるので、このための関数を使用したいと思います。
Javascriptコード
$(document).ready(function() {
function ResizeSearch(GridID, SearchID) {
alert("\"" + GridID + "\"" + ' ' + "\"" + SearchID + "\"");
var eleWidth = $("\"" + GridID + "\"").width();
$("\"" + SearchID + "\"").width(eleWidth);
};
$("#getp").click(function() {
ResizeSearch("$(#<%= gvValidStatus.ClientID %>)", "$(#ValidStatusSearch)");
/*
****** Why does this work, but when passing to function it does not? ******
var eleWidth = $("#<%= gvValidStatus.ClientID %>").width();
$("#ValidStatusSearch").width(eleWidth);
*/
});
});
アラートからの出力
---------------------------
Windows Internet Explorer
---------------------------
"$(#ctl00_Content_gvValidStatus)" "$(#ValidStatusSearch)"
---------------------------
OK
---------------------------