Как создать закладку содержимого iframe

Question

В этом я получил элемент списка с id «about_ma» и iframe с названием «страница», которое не отображается.

<div id="navigation"> 
      <ul id="nav"> 
     <li id="about_ma"><a href="index1.php?name=about.php">About Us</a></li> 
     <li><a href="index1.php?name=director.php">Director Desk</a></li> 
     </ul> 
</div> 
<iframe src="<?php echo $name;?>"style="display:none;"name="page" id="nav_content"> 
</iframe> 

Я использую следующий код PHP на, чтобы получить имя в URL

<?php 
    $name= $_GET['name']; 
    echo "<br>"; 
    echo $name; 
    ?>` 

Сценарий я использую

$(document).ready(function(){ 
    $('#about_ma').click(function(){ 
      $('#nav_content').fadeIn(); 
    }); 
    }); 

Если моя концепция верна, то в соответствии со мной, когда Я нажимаю «О нас». iframe с src about.php должен отображаться. Вся кодировка выполняется на index1.php. Так может кто-нибудь сказать мне ошибку в этом, потому что я пробовал это и не работал. Основная цель перед этим кодированием - создать буквенный знак содержимого iframe. Если моя концепция неверна, может ли кто-нибудь сказать мне, как я могу создайте закладку в тексте iframe. Потому что, когда u обновляет всю веб-страницу, загружается iframe с по умолчанию src, и из-за этого закладка его содержимого iframe невозможна. PLZ помогите мне с этим.

Answer 1

Если вы хотите изменить iframe src при нажатии на ссылку навигации, вам необходимо изменить его с помощью метода attr(). Чтобы иметь возможность закладки, вам нужно будет использовать хеши. Будет хранить имя хэша в атрибуте ссылки data-.

HTML

<li id="about_ma"><a href="index1.php?name=about.php" data-hash="about">About Us</a></li> 

JS

$('#navigation a').click(function(e){ 
     e.preventDefault();/* prevent browser opening link*/ 
     location.hash=$(this).data('hash');/* set hash of url*/ 
     var newSrc=$(this).attr('href'); 
     $('#nav_content').attr('src', newSrc).fadeIn(); 

    }); 

/* on page load*/ 

var hash=location.hash; 
if(hash && hash !='#'){ 
    hash=hash.slice(1) 
    $('#navigation a[data-hash='+hash+']').click() 
}