jQueryとclick()とLightboxで、特定の要素だけclick()を無効にしたい

TwitterのようなSNSを作っております

タイムラインの画面で投稿全体にclick()を適用してどこをクリックしても（いいねボタンなどがある部分以外）指定したリンク先に遷移させるために以下のコードを書きました

HTML
1<li class="hoge1" href="/a">
2//略
3  <div class="hoge2">
4    <a href="/b" data-lightbox="group"><img src="example"></a>
5  </div>
6//略
7</li>

jQuery
1

$('.hoge1').click(function(){
let href = $(this).attr('href');
location.href = href;
});


このように書いたところ、画像をクリックすると拡大画像を表示しようとしている途中で、
"/a"に遷移してしまいます（拡大画像を表示するためにはLightboxを使っています）

拡大画像を表示する処理とclick()の処理が重複しているためだと思いますが、
全体にはclick()を適用しながら画像の要素だけにはclick()を無効化して、
Lightboxで拡大画像を表示するようするにはどうしたら良いでしょうか

教えていただけると助かります

追記：

```jQuery
event.stopPropagation();

ではモーダルで表示されないです

参考サイト
要素全体をリンクにする方法
https://qiita.com/a01sa01to/items/bfca8ccdc5ca4798e9d5
画像をクリックしたら、拡大画像がポップアップで表示される方法
https://toretama.jp/click-big-image-floaty.html