By July 1192, the crusader forces under Richard I of England and the Duke of Burgundy had established Frankish control of the coastal strip from Tyre to Ascalon, but failed, despite two attempts, to take Jerusalem. While Tyre remained a bastion and Acre was rapidly turning into one, most of the cities along the coast such as Haifa, Caesarea, and Arsur, remained ghost towns, vulnerable to attack, and the countryside in between was empty, ravaged and slowly being reclaimed by the sand dunes. Yet, Richard had also recaptured and fortified the strategically important cities of Jaffa and Ascalon. Jaffa was important as the port closest to Jerusalem, and so inevitably the base for any future attempt to recapture Jerusalem. Ascalon was critical because it was located on the caravan routes between Egypt and Syria and therefore posed a threat to Saladin’s lines of communication. What the Franks now needed, was to re-establish control of the coastal strip northwards from Tyre to re-establish contact with the County of Tripoli and beyond Tripoli, Antioch. In consequence, Richard I started gathering his forces at Acre for a campaign up the coast of the Levant to retake Sidon and Beirut.
His plans were shattered when on July 29, the Sultan Salah ad-Din (Saladin) launched a surprise attack in the Frankish rear — at Jaffa. It was a brilliant tactical move. If he could take Jaffa, Saladin would cut Ascalon off from the rest of the Frankish-held territory, ensuring he would be le to re-establish control there. The capture of Jaffa furthermore would in addition make future attempts on Jerusalem more difficult and so more unlikely. To achieve these critical objectives (and incidentally refurbish his own tarnished image), Saladin brought to bear a force which the Itinerarium Peregrinorum et Gesta Regis Ricardi describes as 20,000 Saracen horsemen and “countless” infantry.
Although the garrison resisted courageously, Saladin brought up siege engines and sappers on July 31 a massive breach in the walls opened up. The garrison sued for terms, including the right to withdraw with their lives, arms, goods and chattels, but the Sultan’s army had been in the field for years now without any opportunity for plunder. The Kurds, Turks, Syrians and Egyptians fighting und Saladin were not a cohesive and disciplined force, but a coalition of units more loyal to their own leaders. The orders not to plunder were not popular and the Sultan soon lost control of his troops, who soon ran riot in the town. The garrison fled to the citadel, and those who did not make it, notably the sick and wounded in the Hospital of St. John along with their care-takers, were killed. The troops of Saladin then engaged in an orgy of pillage that included smashing the wine-casks to pour the forbidden substance in the gutters and slaughtering the entire pig population—another food forbidden by Islam. Salah ad-Din, angered that his troops had disobeyed the terms of the surrender, ordered his own Mamlukes to stand at the gates of the city and confiscate everything plundered from the city by the other troops as they staggered out laden with loot. While the gesture demonstrates Saladin’s sincerity in treating with the garrison, it was bitterly resented by his own troops, and would have consequences later. Meanwhile, however, the seizure of Jaffa in just three days demonstrated just how vulnerable the precarious new conquests of the Third Crusade really were.
The word that Jaffa was under siege reached Richard I on or about July 29 or 30. He immediately abandoned his plans to recapture Sidon and Beirut and took ship for Jaffa. He took with him only his immediate household, some fifty-five knights, and some two thousand Genoese crossbowmen in a half-dozen ships. This was never intended to be anything more than an advance guard that would stiffen the morale of the garrison. The main relief force was the army of Jerusalem made up of the barons of the Kingdom (Ibelin, Sidon, Tiberious etc.) under their new king Henri de Champagne and the Templars and Hospitallers. This army of heavy horse, Turcopoles and infantry set out from Acre heading south on the coastal road.
Richard’s squadron of ships was delayed by light wind and arrived off Jaffa after the city had already fallen to Saladin. From off-shore, the relieving force could see both the Saracen camp around the base of the city and the Saracen banners floating over the city walls. It appeared to them as all help had come too late, until a man jumped from the wall of the citadel and started swimming toward the Frankish ships. (Both the Arab chronicler Baha al-Din and the Itinerarium mention this heroic dive from the citadel walls!) One of Richard’s galleys risked going closer to shore to pick up the swimmer, while the Saracen troops from the camp outside the city swarmed the beaches shouting challenges and insults at the little squadron of ships.
The swimmer was able to report that the citadel still held out, and the King of England immediately gave the order to beach the galleys. With the crossbowmen providing covering fire, Richard led the assault, leaping over the side of his galley into hip-deep water, a crossbow in one hand and a Danish battle axe in the other. He fought his way ashore, followed by his companions. That they were not all slaughtered in instants is probably a function of the fact that by this time Saladin’s army was no longer a disciplined force. The bulk of the cavalry had already been redeployed to block the road from Acre and harass the army of Jerusalem coming to relieve Jaffa. Of the troops left behind, thousands were still inside the city plundering. Those that rushed to the shore to defend it were apparently disorganized. Furthermore, the distance between the shore and the city walls was confined. Maybe no more than 100 to 200 yards. Richard led his landing force to the base of the walls and then inside a postern in the tower of the Templar commandery that the Saracens had left unlocked — further evidence of a singular lack of discipline, command and control.
According to the Itinerarium, Richard himself was the first man to enter the city, climbing up a spiral staircase of the Templar tower. He then ordered his banner raised on the rooftop, signaling to the garrison that he was inside the city. The garrison at once sortied out to join forces with him and his landing force. Together, the garrison and Richard’s men cleared the city of (evidently surprised!) Saracens, while Salah ad-Din withdrew with his entire baggage train.
Salah ad-Din had taken Jaffa in three days; it took Richard the Lionheart only that many hours to regain it. His situation, however, remained precarious. The breach in the wall was not repaired, the streets full of corpses, the stores plundered, and Salah ad-Din’s cavalry was still intact and only hours away.
The final confrontation would take place five days later see: Battle of Jaffa: Part II
 The Itinerarium is a contemporary chronicle of the Third Crusade, much of it based on eyewitness sources, but heavily biased in favor of King Richard I of England.
The Battle of Jaffa is described in "Envoy of Jerusalem." Buy now.