Ngx-drag-scroll: Klik propagasi

Dibuat pada 13 Jul 2018  ·  8Komentar  ·  Sumber: bfwg/ngx-drag-scroll

  • saya sedang mengajukan...

    • [x] laporan bug

    • [ ] permintaan fitur

    • [ ] permintaan dukungan => Harap jangan mengirimkan permintaan dukungan di sini, lihat catatan di bagian atas template ini.

Saya mengalami beberapa masalah ketika saya menyeret dan melepaskan klik, acara tersebut tampaknya tidak menghentikan penyebarannya seperti yang dikatakan "Masalah #54 - perbaiki: cegah propagasi klik segera setelah seret dan lepas".

  • Versi: 1.8.2
  • Peramban: semua peramban desktop

Semua 8 komentar

Saya tidak dapat mereproduksi dalam 2.0.0-beta.3. Bisakah Anda memberi saya langkah-langkah repro?

Hai! Terima kasih atas jawabannya. Saya mencoba menelusuri elemen "divs", mungkin ini bukan cara yang benar.
Berikut kodenya:

<drag-scroll class="drag-scroll center" #dragScroll scrollbar-hidden='true' drag-scroll-y-disabled='true' snap-disabled='true'>
        <div drag-scroll-item *ngFor="let ah of article_list">
          <col-article [article]="ah"></col-article >
        </div>
 </drag-scroll>

Saya hanya mengklik gambar, menyeretnya, tetapi ketika saya melepaskannya, itu hanya mengarahkan saya ke tautan gambar. apakah ada kemungkinan lain untuk menambahkan acara "dragend"?

Apakah ada perbedaan antara menggulir pada gambar sederhana dan elemen "divs"?. Modul lainnya berfungsi dengan baik dan ini adalah pekerjaan yang sangat bagus.

Saya telah mencoba mereproduksi masalah pada demo, dan itu terjadi ketika item yang menyeret adalah tautan. Dalam Demo, misalnya, jika Anda mengubah gambar apa pun dari

<img _ngcontent-c6="" src="assets/img/c3po.png">

ke

<a href="http://anyurl.com"><img _ngcontent-c6="" src="assets/img/c3po.png"></a>

itu memiliki perilaku yang sama seperti pada proyek saya.

Semoga membantu, salam!

Saya menerapkan sedikit perawatan dalam kode saya untuk menghindari masalah ini.
html:
`

               <div   dragScroll   (reachesLeftBound)="leftBoundStat($event)" (reachesRightBound)="rightBoundStat($event)" #nav > 

                    <div class=" slide-mes"   *ngFor="let item of items " (click)="doAny(item)" >

                    </div>

                </div>

`

naskah:

`

@ViewChild('nav', {read: DragScrollDirective}) ds: DragScrollDirective;
clickEnable = true;
constructor( ) {
}
@HostListener('mousedown', ['$event'])
onMousedown(event) {

    this.clickEnable = true

}
leftBoundStat(reachesLeftBound: boolean) {
    this.leftNavDisabled = reachesLeftBound;
    this.clickEnable = false;
}

rightBoundStat(reachesRightBound: boolean) {
    this.rightNavDisabled = reachesRightBound;
    this.clickEnable = false;
}
doAny(item){
    if(this.clickEnable){
        //do what you whant on click here
    }
}

`

Hai Guilherme! Terima kasih atas jawaban anda! Apakah ini berfungsi ketika Anda tidak mencapai batas apa pun? Karena pada implementasi saya, saya memiliki banyak item untuk digulir dan tetap menyebar ketika saya melepaskan klik di tengahnya misalnya dan tidak dalam batas secara khusus dan acara batas hanya diproduksi ketika Anda mencapai salah satunya ( kiri atau benar).

peristiwa batas dihasilkan ketika Anda menggulir div, masukkan console.log ini untuk dilihat.

Terima kasih! Itu berhasil! Tapi saya harus mengadaptasi semua komponen anak untuk mendengarkan event mouse juga.. Itu sebabnya saya meminta fitur itu di modul itu sendiri.

Hai @leogilardi6 , maaf atas jawaban yang terlambat. Saya dikerumuni oleh pekerjaan.

Saya mencoba dengan mengubah https://github.com/bfwg/ngx-drag-scroll/blob/develop/demo/app/home/home.component.html#L4 -L12 menjadi

    <drag-scroll class="demo-one"
      drag-scroll-y-disabled="true"
      scrollbar-hidden="true"
      (reachesLeftBound)="leftBoundStat($event)"
      (reachesRightBound)="rightBoundStat($event)"
      #nav
      >
      <a drag-scroll-item *ngFor="let image of imagelist" href="https://www.google.com"><img [src]="'assets/img/' + image" (click)="clickItem(image)"/></a>
    </drag-scroll>

tetapi saya tidak dapat mereproduksi dalam versi 2.0.0-beta.3

sudahkah Anda mencoba bermain dengan versi terbaru?

Apakah halaman ini membantu?
0 / 5 - 0 peringkat