Ричард Львиное Сердце двигался в направлении портового города Яффе. По пути армии крестоносцев пришлось вступить в бой с айюбидами, в котором крестоносцы одержали победу. Это все происходило в 1191 году.
Яффа сдалась без сопротивления и Ричард отдал приказ восстановить город и его укрепления. Город был важным стратегическим пунктом, через который крестоносцы могли поставлять поставки армии под Иерусалим. Но на это требовалось время и Ричард пытался договориться с Салах-ад-Дином о перемирии, но без результатно.
С наступлением 1192 года Ричард взял второй город Аскалон и так же как Яффу, он приказал его восстановить. Между крестоносцами и армией мусульман не возникало каких то крупных сражений, все ограничивалось мелкими стычками. Саладин со своей армией находился в Египте, его воины были еще не готовы к походу и Иерусалим был практически не защищен и Ричард мог его спокойно взять. Но случилось непредвиденное.
Брат Ричарда узурпировал власть в Англии, кроме того французский король вторгнулся во владения Ричарда находившиеся во Франции. Ему пришлось забираться своих людей и возвращаться на родину, чтобы восстановить порядок.
Саладин воспользовался этой ситуацией и сразу же осадил Яффу. Осада была жесткой, защитники храбро отражали атаки армии Саладина. Сарацины подкладывали пороховые заряды под стены города с целью их подорвать и вскоре им удалось пробить брешь. Защитники сразу же организовали там заслон, немало они положили сарацин в этом проходе.
Начались переговоры о сдаче города, Саладин позволил уйти всем защитникам и забрать все имущество, которое они смогут унести. Солдаты Саладина пришли в недоумении, на их глазах выносили богатства, которые они намеревались забрать себе. Не выдержав такого, они нарушили приказ и бросились в атаку на покидающие город войска крестоносцев. Крестоносцы были вынуждены укрыться в крепости.
Саладина привело в ярость, что его ослушались и он отдал приказ казнить ослушавшихся и отобрать все награбленное.
Ричард в это время находился уже в Акре, гонцы ему сообщили, что сейчас происходит в Яффе и Ричард незамедлительно выступил на помощь. Сам он отправился на нескольких галерах, а часть армии отправил по суше.
Когда он подплывал к городу, то уже начал думать, что Яффа пала и хотел разворачиваться назад, но к нему отправили людей, сообщили, что город еще держится. Тогда король приказал подплывать к берегу и не доплывая, он приказал воинам покинуть корабли. Быстро добравшись на сушу они перестраиваются и идут в атаку на силы Саладина. С большими потерями, войско Саладина отходит от стен Яффы. Ричард приказывает в спешке восстанавливать укрепления. В городе находилось большое количество трупов, их убирать не было времени, и королю со своими людьми пришлось встать лагерем у стен города, потому что в городе находиться было не возможно.
К королю на подмогу пришло часть войска, которое он отправил по суше, но это был небольшой отряд, так как основные силы были скованы боем в Кессарии. Этот отряд состоял из 50 рыцарей, которые были пешими и так же отряд арбалетчиков из нескольких сотен стрелков.
Саладин понял, что преимущество на его стороне и повел армию в атаку. Силы Ричарда выстроились интересным образом, к каждому второму пехотинцу был приставлен арбалетчик. Когда сарацины начали атаку, они стали нести огромные потери от арбалетчиков, а пробиться через пехоту не могли, были вынуждены отступить.
После этого сражения, Саладин отвел свою армию, начал переговоры о перемирии с Ричардом, в результате которых за крестоносцами осталась яффа и небольшой участок вдоль моря. Аскалон отдали Сарацинам. Кроме того, Саладин позволил паломникам посещать святые места.