Üçüncü Haçlı Seferi
Yafa kuşatması ve savaşı

Temmuz 1192'de I. Richard emrindeki Haçlı ordusu Küdüs'ü alamadığı için ve sahilde hücuma maruz kalacağı için Filistin'in kuzeyine doğru çekilmeye başladı. Selahaddin'in ordusu daha önce Haçlıları Kudüs'e hücumlarında harekât merkezi olan Yafa kalesine hücuma geçti ve üç gün süren kuşatmadan sonra şehri ve kaleyi eline geçirdiler. Küçük bir kısım savunmacı iç kaleye çekildi. Bu müslüman ordusu Haçlıların Temmuz 1191'deki Akka Kuşatması sonucunda teslim olan yaklaşık 2.700 savunmacılarından askerin ve 300 kadar kadın ve çocuğun tümünü hunharca öldürmelerini unutmamışlardı. Selahaddin'in ordusu Yafa'da bulunan savunmacılara karşı bir intikam katliamı başlattılar. Bu katliamı Selahaddin Eyyubi önlemeye çalıştıysa da, askerin kontrolünü kaybetmişti. Selahaddin hatta savunmacı Haçlılara iç kaleye çekilip kendilerini savunmaları hakkında haberler göndermişti.
I. Richard Yafa'ya hücumu duyunca kuzeyde kıyı boyunda demirli gemilere ordusunun zırhlı şövalyelerini ve İtalyan Pisa'lı ve Genova'lı okçuları doldurarak Yafa önlerine geldi. Durumu bilmediği için önce karaya çıkmadı. Fakat daha teslim olmamış iç kalede bulunan bir papaz gizlice yüzerek gemilere geldi ve durumu I. Richard'a bildirdi. 31 Temmuz'da I. Richard 55 zırhlı şövalye, birkaç yüz piyade askeri ve 2000 kadar kurmalı yay kullanan Cenova'lı ve Pisa'lı denizci birliği ile karaya çıktı ve kaleye hücuma geçti. 31 Temmuz'da şehir tekrar Haçlılar eline geçti. Yafa'yı eline geçiren ve Richard'ın hücumuna karşı kaleyi savunan Müslüman askerler şehirden kaçabildiler. Selahaddin bu kaçışı ancak kaleden 10 km kadar ileride durdurabildi ve ordusunu ancak orada yeniden düzene sokabildi.
Selahaddin Yafa'yı eline geçiren Richard'ın haçlı ordusunu desteklemek için Kayseriya şehrinden Haçlı takviye birlikleri gelmekte olduğu haberini aldı. Bu desteği önlemek için 4 Ağustos'ta Selahaddin'in ordusu gizlice harekete geçerek ertesi gün sabah erkenden alaca karanlıkta yeniden şehre hücum etmek amacıyla şehir duvarların önünde toplanmaya başladılar. Fakat bir İtalyan haçlı askeri gizlice tarlalardan gelen Müslüman askerlerini görüp Richard'a bu haberi ulaştırmıştı. Richard şehirdeki hem uzun yaylı hem de kurmalı yaylı okçularını ve mızraklı ağır süvari birliklerini bir hücuma karşı hazırladı. 5 Ağustos günü Selahaddin'in çok hafif zırhlı Mısır ve Bedevi hafif süvari birlikleri şehre hücuma geçtiklerinde büyük zayiata uğradılar. Bazı Müslüman askerler şehre girmeyi başardılar ve şehri savunmakta olan İtalyan denizcileri gemilerine binip kaçmak üzere limana doğru çekildiler. Fakat Richard akşama doğru kendi birlikleri ile geri gelip müslüman birliklerini şehirden çekilmeye zorladı. Akşama doğru Selahaddin ordusunu geri çağırdı ve Kudüs'e doğru çekilmeye başladı.
Yafa Muharebesi Richard'ın zaferi ile sonuçlanmakla beraber Richard'ın hiç ihtiyatları bulunmadığı için bu galibiyeti pekiştirme imkânı bulunmamaktaydı. Sarf ettiği olağanüstü şahsi gayret dolayısıyla Richard yorgun düşmüş ve hastalanmış; muharebeden hemen sonra yüksek bir ateşle hasta yatağında kalması gerekmişti. Buna karşılık Selahaddin Ramala'ya geri geldiği zaman Mısır'dan ve kuzey Suriye'den yeni gelmiş olan taze ve eğitimli birlikler orada onu beklemekteydi.
Richard daha önce karşılıklı müzakerelerde yakınlık gördüğü Selahaddin'in kardeşi ve onun barış müzakerecisi olan Adil'e bir mektup göndererek eğer Askalon kalesi Haçlılar elinde bırakılırsa barışa hemen hazır olduğunu bildirdi. Adil Kudüs yakınlarında idi ve o da hasta yatağında yatmaktaydı. Ağabeyi Selahaddin'le bu konu üzerinde görüştü ve Selahaddin Richard'ın Askalon kalesi hakkındaki teklifini kati olarak reddetti. 28 Ağustos'ta Adil'in Richard'a gönderdiği kurye Selahaddin'den Richard'a şahsi hediye olarak taze şeftali, armut ve Hebron Dağı'ndan elde edilmiş buz getirdi; ama Selahaddin'in son olarak kat'iyetle Askalon Kalesi'ni Haçlılara terk etmeyeceğinin haberini de verdi.