Ich habe versucht, die jquery elternsUntil-Methode zu verwenden, um eine Schaltfläche auszublenden, bis eine Radio-Box ausgewählt ist, aber ich kann nicht scheinen, um es zum Laufen zu bringen. Es ist wahrscheinlich etwas Offensichtliches, aber es nervt mich seit ein paar Tagen. Kann jemand sehen, was ich falsch mache?kann jquery parentsUntil nicht arbeiten
(function($) {
$(function(){
$('.last-item').change(function() {
if($(this).val() != '') {
$(this).parentsUntil('.step').find('.button-next').removeClass('hide');
$(this).parentsUntil('.step').find('.button-next').addClass('show');
console.log("changing the last item");
}
});
});
})(jQuery);
.hide {
display: none;
}
.show {
display: block !important;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="step">
<h1>Step 3 - Personal</h1>
<div class="input-wrapper radio no-feedback">
<div class="row no-gutter content-position-outer">
<div class="col-md-6 content-center-inner">
<label for="gender">What gender are you? <sup>*</sup></label>
</div>
<div class="col-md-6 content-center-inner">
<div class="row">
<div class="col-md-5 col-md-offset-2">
<label class="radio-sex" for="gender_male">
<input class="sr-only last-item" type="radio" placeholder="Male" name="gender" value="Male" id="gender_male" required="required" />
<div class="radio-img radio-img-sex-male"></div>
Male
</label>
</div>
<div class="col-md-5">
<label class="radio-sex" for="gender_female">
<input class="sr-only last-item" type="radio" placeholder="Female" name="gender" value="Female" id="gender_female" required="required" />
<div class="radio-img radio-img-sex-female"></div>
Female
</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<a href="" class="button-prev" data-progress="2" data-step="step-2">Previous</a>
</div>
<div class="col-md-3 col-md-push-6">
<a href="" class="button-next hide" data-progress="4" data-step="step-4">Next</a>
</div>
</div>
</div>