1192-ci ilin iyulunda Səlahəddin ordusu qəflətən hücuma keçərək minlərlə adamla Yaffanı ələ keçirdi, lakin Səlahəddin Akkodakı qırğına qəzəbləndiyi üçün ordusuna nəzarəti itirdi.Riçard Səlahəddin və ordusunun Yaffanı tutması xəbərini eşidəndə İngiltərəyə qayıtmaq niyyətində idi.Riçard və 2000-dən çox adamdan ibarət kiçik bir qüvvə qəfil hücumla dəniz yolu ilə Yaffaya getdi.Riçardın qüvvələri gəmilərindən Yaffaya hücum etdi və dəniz hücumuna hazır olmayan
Əyyubilər şəhərdən qovuldu.Riçard əsir edilmiş Xaçlı qarnizonunu azad etdi və bu qoşunlar onun ordusunun sayını gücləndirməyə kömək etdi.Bununla belə, Səlahəddinin ordusu hələ də say üstünlüyünə malik idi və onlar əks-hücuma keçdilər.Səlahəddin sübh vaxtı gizli qəfil hücum etmək niyyətində idi, lakin onun qüvvələri aşkar edildi;o, hücumunu davam etdirdi, lakin onun adamları yüngül zirehli idi və çoxlu sayda səlibçi arbaletinin raketləri nəticəsində 700 nəfəri itirdi.Yaffanı geri almaq üçün gedən döyüş geri çəkilmək məcburiyyətində qalan Səlahəddin üçün tam uğursuzluqla başa çatdı.Bu döyüş sahilyanı
səlibçi dövlətlərin mövqelərini xeyli gücləndirdi.