Köprü içindeki metni nasıl tıklatırsınız, böylece sürükleyip vurgulayabilirsiniz.

Question

Normal metin paragrafınız varsa, metnin içinde herhangi bir yeri tıklatabilir ve vurgulamak için farenizi sürükleyebilirsiniz. Ancak, metin bir bağlantı/bağlantı etiketinin içinde bulunuyorsa, tıklatmanıza ve sürüklemenize izin vermez - bağlantı fareyi yakalar ve bunun olmasını engeller.

Ne demek istediğimi görmek için, bu sayfadaki bir metin bağlantısını bulun ve içeri tıklamayı deneyin ve seçmek için sürükleyin. İzin vermeyecek - bağlantının dışını tıklayıp çevreye sürüklemeniz gerekecek.

JavaScript/JQuery'de sürükleyip vurgulamanız için yeterince uzun bağlantıyı geçici olarak devre dışı bırakmak için ne yapmanız gerekir?

Bağlantının dışından başlayamamamın nedeni, paragraftaki her kelimenin bir köprü içinde olmasıdır - bu bir video dökümanıdır ve her bağlantı videodaki bir segmentle senkronize edilir.

$("a").each(function() { 
    $(this).replaceWith("<span class='link' data-href='" + $(this).attr("href") + "'>" + $(this).text() + "</span>"); 
}); 
$(".link").click(function() { 
    window.location = $(this).data("href"); 
}); 

Ancak bunu yapmanın çok daha iyi bir yolu olabilir:

Answer 1

ilk düşüncem böyle bir şey yapmak amaçlanmıştır. Yukarıdaki kod tüm a öğelerini span öğelerine dönüştürür, href öznitelik değerini korur ve sonra "link" sınıfına sahip span öğelerini bağlantılar olarak işler. Şu anda sayfanızda a öğeleri gibi görünmek için span öğeleri stil olabilir.

Burada, yukarıdaki example eylemi var.

Answer 2

this solution'u deneyebilir, orijinal metni değişkenlere yükleyebilir ve sonra bunları geri yükleyebilirsiniz.

Fakat bu çok dağınık görünüyor. Bazen daha basit bir çözüm daha iyidir.

Neden iki paragrafınız yoksa ve kullanıcı bir düğmeyi tıklatıp paragrafı bağlantılarla gizlemek ve paragrafı bağlantısız gösterdiğinde visibiltiy = 'hidden' ayarını kullanamaz mı? Zaten video yüklüyorsanız, sayfa ağırlığı bir sorun gibi görünmüyor.