Как динамически изменить источник iframe с помощью Razor и JQuery?

Question

У меня возникла проблема с изменением источника iframe при нажатии ссылки. Я работаю только с Razor, JQuery и Javascript около двух недель. Моя цель - взять текущий URL ссылки и изменить GUID и установить источник Iframe на мой новый URL.

Это то, что мой Iframe выглядит как:

<iframe name="main" id="mainIframe" src="about:blank" scrolling="no" frameborder="0"></iframe> 

Мои пункты меню:

<a id="menuitem" href="#" data-url="@menuItem.Url">@menuItem.Name</a> 

Мой Jquery:

$('#menuitem').click(function() { 
    var url= $(this).data('url'); 
    firstPart = url.substring(0, url.lastIndexOf('&') + 1); 
    $('#mainIframe').attr('src', firstPart + generateGUID()); 
}); 

В настоящее время Iframe не загружается мой указанный URL и я не знаю, как отлаживать Javascript очень хорошо. Может ли кто-нибудь просмотреть мои фрагменты кода и убедиться, что с чем-то я не ошибаюсь?

Answer 1

Что генерируетсяGUID()? и как выглядит «@ menuIteam.Url»?