Question

我的视图作为单独的div（正方形），由数据库中的给定整数构成。这是前端视图。我希望当我单击此div传递时，它将代码（roomID）转换为JavaScript函数。

这是我目前的代码。

    <section class="content">   
        <div class="box box-warning" align="center">
            <div class="gap">
                <div class="box-body" id="panel">                
                    @foreach($rooms as $room)
                    @if($room->roomState === 'Available')
                    <div onclick="divClick('Available',1);"  id='divelementone' style="width:75px;height:75px;border:1px solid #000;display:inline-block;background-color:yellowgreen;border-radius: 5px;padding-left:10px;padding-right:10px;cursor:pointer;">{{$room->room_code}}</div>
                    @elseif ($room->roomState === 'UnAvailable')
                    <div onclick="divClick('UnAvailable', 2);" id='divelementtwo' style="width:75px;height:75px;border:1px solid #000;display:inline-block;background-color:red;border-radius: 5px;padding-left:10px;padding-right:10px;cursor:pointer;">{{$room->room_code}}</div>
                    @elseif ($room->roomState === 'notCheckIn')
                    <div onclick="divClick('notCheckIn', 3);" id='divelementthree' style="width:75px;height:75px;border:1px solid #000;display:inline-block;background-color:yellow;border-radius: 5px;padding-left:10px;padding-right:10px;cursor:pointer;">{{$room->room_code}}</div>   

                    @endif
                    @endforeach
                </div>
            </div>
        </div><!-- /.box --> 
</section><!-- /.content -->

JAVASCRIPT

 <script type="text/javascript">
  function divClick(roomState, roomCode)
  {
    //  Your code here


   window.alert(roomCode);
  }
</script>

这很好用。我更改为divClick('UnAvailable', 2);代码，以divClick('UnAvailable', {{$room->room_code}});传递此错误。

ReferenceError: roomcode is not defined

希望有专家帮助解决此问题。

=================正确评论错误后给出此错误。 ======================

ReferenceError: H5003 is not defined

Answer 1

未定义JavaScript ReferenceError

我认为这是因为您的项目中包含的各种JS库之间的冲突以及它们之间的相互依赖性：

您的选择：

1）请检查所有JS库是否按正确顺序加载

2）添加环绕函数以转义undefined值

if((typeof varName) != 'undefined') {
   alert(varName);        
}

Ex：应首先调用jQuery lib，然后调用所有依赖的JS库。

在大多数情况下，轻松修复会调用noConflict()来恢复变量。

在文档的正上方添加$.noConflict();。

一个很好的参考docs

希望这有用。

在Laravel 5.0中将特定数据值从div传递给javascript？

1 个答案:

未定义JavaScript ReferenceError