Question

我正在使用NanoGallery2库，而且，我想获取图像ID，我不知道如何才能使用它。我的代码：

<div id="ng2" data-nanogallery2>
  @foreach ($photos as $photo)
    <a id="{{ $photo->id }}" href="{{ asset('uploads/'.$photo->path) }}" data-ngThumb="{{ asset('uploads/'.$photo->path) }}"> {{ $photo->image_name }} </a>
  @endforeach
</div>

@foreach来自BladeLaravel。

在API文档中，

Here有itemSelected事件，但我可以使用“标题”，如图像名称。

如果我这样做：

$("#ng2").on( 'itemSelected.nanogallery2', writePhotoName );
function writePhotoName(e){
   items = $("#ng2").nanogallery2('itemsSelectedGet');
   console.log(items);
}

结果： image

嗯.. 感谢。

Answer 1

使用GetID()检索项目（图片或相册）ID

item.GetID();

或：

items[n].GetID();

[编辑]

对于您的用例，您有两种可能性：
- 使用属性data-ngid设置内部ID

<div id="ng2" data-nanogallery2>
  @foreach ($photos as $photo)
    <a data-ngid="{{ $photo->id }}" href="{{ asset('uploads/'.$photo->path) }}" data-ngThumb="{{ asset('uploads/'.$photo->path) }}"> {{ $photo->image_name }} </a>
  @endforeach
</div>

并检索ID：items[n].GetID()
- 或使用属性data-ngcustomData存储自定义数据：

<div id="ng2" data-nanogallery2>
  @foreach ($photos as $photo)
    <a data-ngcustomData='{ "myID"="{{ $photo->id }}" }' href="{{ asset('uploads/'.$photo->path) }}" data-ngThumb="{{ asset('uploads/'.$photo->path) }}"> {{ $photo->image_name }} </a>
  @endforeach
</div>

并检索ID：items[n].customData.myID

请参阅codenpen

上的示例

NanoGallery2如何获取图片ID

1 个答案: