我正在尝试将增量变量传递给刀片服务器模板子视图,以将数字添加到类名。
@for($x=1; $x < 4; $x++)
<div class="col-md-3">
{!! Form::label('amenIcon'.$x,'Amenity Icon '.$x) !!}
{!! Form::select('amenIcon'.$x,
[null =>'Choose Icon'] + $iconDirectory)
!!}
</div>
@include('portal._iconModals')
@endfor
子视图门户。_iconModals
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Choose Icons</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12" id="bsnImage">
@foreach($brandSocialIcons as $bIcons)
<a href="javascript:void(0);" class="iconChoice{{$x}}"><img src="../../../../storage/icons/{{$bIcons}}"></a>
@endforeach
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
我想增加类名称iconChoice,因为我有3个选择字段,这些选项的选项使用相同的子视图,但是由于类名是当我选择其中一个带有iconChoice的图像的图像时,它为所有3个选择列表选择了它。
这是js代码
$( "#amenIcon1" ).click(function() {
$('.iconChoice').click(function() {
var $thumb = $(this);
console.log($thumb);
var icon1 = $thumb.find('img').attr('src');
displayIcon1(icon1)
});
function displayIcon1(icon1) {
$("#icon1Thumb").attr("src",icon1);
}
});
可能不是最好的解释,但是如果需要的话,我会详细说明。谢谢
如果要传递变量,@include
可以执行以下操作:
@include('portal._iconModals', ['x' => $x])
希望这可以帮助!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句