我正在尝试将增量变量传递给刀片模板子视图,以便为类名添加数字。
@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
子视图portal._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);
}
});
可能不是最好的解释,但如果需要,我会详细说明。感谢
答案 0 :(得分:1)
如果您想使用@include
传递变量,可以执行以下操作:
@include('portal._iconModals', ['x' => $x])
希望这有帮助!