Question

我想为每件商品创建评级系统（带星星）。仅当用户未对指定项目进行评级时，星标才会显示。如果用户的评级不为空，我通过检入数据库来完成此操作。为了获得用户的评级（所选星数），我创建了一个隐藏的输入字段和一个提交按钮，将该数据发送回数据库。当用户在不检查星星的情况下按下提交按钮时会出现问题，因此0存储在db中。为了防止我在评级时对fadeIn提交按钮进行了jQuery调用。

这是我的代码：

            ...
            @foreach($services as $service)
             ...
            @if($service->ratingValue == NULL)
                    <div id="{{$service->id}}" class="rate"></div> //THIS DIV IS PLACE WHERE STARS ARE GENERATED BY ANOTHER JQUERY
                        <input id="input2" type="hidden" name="rateValue">

                        <button style="display:none" id="{{$service->created_at}}" type="submit">OK</button>
                        <script type="text/javascript">

                         $(document).ready(function(){

                          $('#{{$service->id}}').click(function(){
                            $('#{{$service->created_at}}').fadeIn();
                          });
                        });

                      </script>
       @endif
       @endforeach

但是按钮没有显示...当我手动输入div的id值为1（例如），按钮为2（并将其放入jQuery）时，它可以工作。我在这做错了什么？或者有更好的方法吗？此外，我尝试创建一个AJAX请求来在db中存储评级值，但它也不起作用。

Answer 1

我认为按钮样式

"display:none"..

如果你已经将if语句设置为在ratingValue为null时不显示它，则不需要

。

jQuery单击功能不起作用，按钮不淡入（Laravel）

1 个答案: