基本的な UI 機能のためにサイト全体で使用される JQuery/Javascript 関数があります。ただし、この関数が影響を与える要素の多くは Ajax を介して注入されますが、他の要素は静的 html になります。
現在、関数を複製し、$(document).ready と $(document).ajaxSucces の両方を適用することで、スクリプトを機能させることができました。
私の質問は次のとおりです。これを達成するのに適切なものは何ですか?
これは私のJSです:
$(document).ready(function () {
$(".hidesfieldset:not(:first)").hide();
$("fieldset").bind("focus click",function () {
$(".hidesfieldset:not(:parent)").hide(800);
$(".hidesfieldset", this).slideDown(800);
});
});
$(document).ajaxSuccess(function () {
$(".hidesfieldset:not(:first)").hide();
$("fieldset").bind("focus click",function () {
$(".hidesfieldset:not(:parent)").hide(800);
$(".hidesfieldset", this).slideDown(800);
});
});
私のフォームの一部は ajax を介して注入されるため、最初の関数はそれらに適用されないため、ajax Success も含める必要がありました。
注*: 私は JS に関してはまったくの初心者です。これを使用するのはこれが初めてで、おそらく頭の中で少しばかりです。したがって、これに間違っていることが他にもある場合は、お気軽にコメントしてください。
ありがとう、マーク