jQueryUI on Laravel Blade

Question

내 Laravel 응용 프로그램에 jQueryUI를 구현하고 있는데 삭제 확인이 필요하지만 구현하지 못했습니다. 여기 내 jQuery를한다

@foreach(array_chunk($items->all(), 3) as $row) 
<div class="row" style="margin-bottom:40px;"> 

@foreach ($row as $item) 
    <div class="col-md-4"> 

    <img src="{{$item->img_loc}}"> 
    <div> 
    <strong>Breed: </strong>{{ $item->bname}}<br/> 
    <strong>GameFarm: </strong>{{ $item->g_origin}}<br/> 
    <strong>Leg Band: </strong>{{ $item->lband}} 
    <h3><a href="{{ action('GamefarmsController@edit', $item->id) }}" >Edit</a>|<a id="thelink" href="#">Delete</a></h3> 
    </div> 

    </div> 
@endforeach 

: 그리고 여기 내 코드입니다

이 코드에 의해 내 컨트롤러로 리디렉션하는 프로그램을 만들고 싶어

<script> 
     $(function() 
     { 
      $("#dialog-confirm").dialog(
      { 
       autoOpen: false, 
       resizable: false, 
       height:140, 
       modal: true, 
       buttons: 
       { 
        "Delete": function() 
        { 
         $(this).dialog("close"); 
        }, 
        Cancel: function() 
        { 
         $(this).dialog("close"); 
        } 
       } 
      }); 
     }); 
    </script> 

, 이것은 $ 항목 -> ID 등을 수행 편집과 같은 최상위 코드에서 반복됩니다.

{{ action('GamefarmsController@delete', $item->id) }} 

이 코드를 실험했지만 아무 일도 일어나지 않았습니다.

편집는 :

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#thelink').click(function(){ $('#dialog-confirm').dialog('open'); }); 
    }); 
</script> 

Answer 1

이

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#dialog-confirm").dialog({ 
     autoOpen: false, 
     modal: true 
    }); 
    }); 

    $(".confirmLink").click(function(e) { 
    e.preventDefault(); 
    var targetUrl = $(this).attr("href"); // get the url of // href="{{ action('GamefarmsController@delete', $item->id) }}" 

    $("#dialog-confirm").html("Confirm Dialog Box"); 

    $("#dialog-confirm").dialog({ 
     title: "confirmation", 
     buttons: { 
      "Delete": function() { 
       $(this).dialog('close'); 
       window.location.href = targetUrl; // change browser path to url in delete link 
      }, 
      "Cancel": function() { 
       $(this).dialog('close'); 
       callback(false); 
      } 
     } 
    }); 

    $("#dialog-confirm").dialog("open"); 
    }); 
</script>