1192 թվականի հուլիսին Սալադինի բանակը անսպասելիորեն հարձակվեց և գրավեց Յաֆֆան հազարավոր մարդկանց հետ, սակայն Սալադինը կորցրեց վերահսկողությունը իր բանակի վրա՝ Ակրում տեղի ունեցած ջարդերի համար նրանց զայրույթի պատճառով:Ռիչարդը մտադիր էր վերադառնալ Անգլիա, երբ լսեց լուրը, որ Սալադինն ու իր բանակը գրավել են Յաֆան։Ռիչարդը և 2000-ից քիչ հոգուց բաղկացած փոքրաթիվ ուժերը հանկարծակի հարձակման ենթարկվեցին ծովով Յաֆա:Ռիչարդի ուժերն իրենց նավերից ներխուժեցին Յաֆֆա, իսկ
Այյուբիները , որոնք անպատրաստ էին ծովային հարձակմանը, քշվեցին քաղաքից:Ռիչարդը ազատեց խաչակիրների կայազորի նրանց, ովքեր գերի էին ընկել, և այդ զորքերը օգնեցին ուժեղացնել նրա բանակի թիվը:Սալահադինի բանակը, սակայն, դեռևս թվային առավելություն ուներ, և նրանք անցան հակահարձակման։Սալադինը մտադրվել էր գաղտագողի անակնկալ հարձակում իրականացնել լուսադեմին, սակայն նրա ուժերը հայտնաբերվեցին.նա շարունակեց իր հարձակումը, բայց նրա մարդիկ թեթև զրահապատվեցին և 700 մարդ կորցրեցին սպանված խաչակիրների մեծ թվով խաչակիրների հրթիռների պատճառով:Յաֆֆայի հետ գրավելու մարտն ավարտվեց Սալադինի լիակատար անհաջողությամբ, ով ստիպված եղավ նահանջել։Այս ճակատամարտը մեծապես ամրապնդեց ծովափնյա
խաչակիր պետությունների դիրքերը :