أواجه بعض المشكلات عندما أقوم بسحب النقرة وتحريرها ، يبدو أن الحدث لا يوقف انتشاره كما ورد في "المشكلة رقم 54 - الإصلاح: منع انتشار النقرات فورًا بعد السحب والإفلات".
لست قادرًا على التكاثر في الإصدار 2.0.0-beta.3. هل يمكن أن تعطيني خطوات Repro؟
مرحبا! شكرا على الجواب. أحاول التمرير عبر عناصر "divs" ، ربما لا تكون هذه هي الطريقة الصحيحة.
ها هو الكود:
<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>
أقوم فقط بالنقر فوق الصورة ، وسحبها ، ولكن عندما أقوم بتحريرها ، فإنها تعيد توجيهي فقط إلى رابط الصورة. هل هناك إمكانية أخرى لإضافة حدث "السحب"؟
هل هناك فرق بين التمرير على صور بسيطة وعناصر divs؟ تعمل بقية الوحدة بشكل صحيح وهي وظيفة جيدة حقًا.
لقد كنت أحاول إعادة إنتاج المشكلة في عرض توضيحي ، ويحدث ذلك عندما يكون عنصر السحب عبارة عن ارتباط. في العرض التوضيحي ، على سبيل المثال ، إذا قمت بتغيير أي صورة من
<img _ngcontent-c6="" src="assets/img/c3po.png">
ل
<a href="http://anyurl.com"><img _ngcontent-c6="" src="assets/img/c3po.png"></a>
لها نفس السلوك كما في مشروعي.
آمل أن يساعد ، تحياتي!
لقد طبقت علاجًا بسيطًا في الكود الخاص بي لتجنب هذه المشكلة.
لغة البرمجة:
"
<div dragScroll (reachesLeftBound)="leftBoundStat($event)" (reachesRightBound)="rightBoundStat($event)" #nav >
<div class=" slide-mes" *ngFor="let item of items " (click)="doAny(item)" >
</div>
</div>
"
مطبوعة:
"
@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
}
}
"
مرحبًا Guilherme! شكرا لإجابتك! هل هذا يعمل عندما لا تصل إلى أي من الحدود؟ لأنه عند تطبيقي ، لدي الكثير من العناصر للتمرير ويتم نشرها على أي حال عندما أترك النقرة في منتصفها على سبيل المثال وليس في الحدود على وجه التحديد ولا يتم إنتاج أحداث الحدود إلا عندما تصل إلى أحدها (يسارًا) صحيح).
يتم إنشاء أحداث الحدود عند التمرير في div ، ضع وحدة التحكم في هذا الأمر لترى.
شكرا لك! انها عملت! ولكن كان علي تكييف جميع مكونات الطفل للاستماع إلى أحداث الماوس أيضًا .. ولهذا السبب طلبت هذه الميزة في الوحدة نفسها.
مرحبًا @ leogilardi6 ، آسف على الرد المتأخر. لقد غمرني العمل.
حاولت تغيير https://github.com/bfwg/ngx-drag-scroll/blob/develop/demo/app/home/home.component.html#L4 -L12 إلى
<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>
لكنني لم أتمكن من إعادة الإنتاج في الإصدار 2.0.0-beta.3
هل جربت اللعب بأحدث إصدار؟