Question

我在导航面包屑中有一个标签：

<li>Eligibility</li>

请记住，我是一个非常新的学习.NET。

在此页面上有iFrame内容，您可以在其中单击链接以查看相应内容：

<ul id="ss-categories" >
  <li class="eligibility">
    <a href="#"  onclick="ChangeFrame('mem_eligibility.aspx');")>Eligibility</a href>
  </li>
  <li class="deductible">
    <a href="#"  onclick="ChangeFrame('mem_deductible.aspx');")>Deductible</a href>
  </li>
  <li class="claims"><a href="#"  onclick="ChangeFrame('mem_claims.aspx');")>Claims &amp; EOBs</a href>
  </li>
  <li class="benefits">
    <a href="#"  onclick="ChangeFrame('mem_benefits.aspx');")>Benefits</a href>
  </li>
  <li class="hospital">
    <a href="#"  onclick="ChangeFrame('mem_priorAuth.aspx');")>Hospital Admissions</a href>
  </li>
  <li class="priorauth">
    <a href="#"  onclick="ChangeFrame('mem_Inpatient.aspx');")>Prior Authorizations</a href>
  </li>

iFrame会根据您点击的链接显示内容：

<iframe id="ctl00_middleContent_frame1" style="float:left" scrolling="auto" frameborder="0" height="400" width="100%" src="mem_eligibility.aspx">

在顶部的导航破坏行为中，我将如何根据iFrame中显示的内容部分对其进行编码以使其更改。

即。（用雷曼语称）

if iFrame src="mem_elibigility.aspx" {

document.write = 'Eligibility'
}

if iFrame src="mem_deductible.asps" {
document.write = 'Deductible'
}

希望这是有道理的，是的，我知道我的代码完全是垃圾......并且结构不正确，但那不是我现在的工作......

Answer 1

更新版本：

以下将控制iFrame的网址存储为标题属性，并使用jQuery设置“标题”区域的标题。我也尝试清理一些代码，但这应该可以满足您的需求：

jQuery（示例）：

$(document).ready(function(){

   $('#ss-categories li').click(function()
                                {
                                   var test = $(this).text();
                                   $("#title").text(test);
                                   //Code to change iframe based on property of the item clicked goes here
                                   var title = $(this).attr("title");
                                    $('#ctl00_middleContent_frame1').attr('src', title);
                                });
});

HTML（示例）：

<ul id="ss-categories" >
  <li class="eligibility" title="mem_eligibility.aspx">
    <a href="#">Eligibility</a>
  </li>
  <li class="deductible" title="mem_deductible.aspx">
    <a href="#">Deductible</a>
  </li>
  <li class="claims" title="mem_claims.aspx">
      <a href="#">Claims &amp; EOBs</a>
  </li>
  <li class="benefits" title="mem_benefits.aspx">
    <a href="#">Benefits</a>
  </li>
  <li class="hospital" title="mem_priorAuth.aspx">
    <a href="#">Hospital Admissions</a>
  </li>
  <li class="priorauth" title="mem_Inpatient.aspx">
    <a href="#">Prior Authorizations</a>
  </li>


    <li id="title" style="font-size: x-large; font-weight: bold">Eligibility</li>
<iframe id="ctl00_middleContent_frame1" style="float:left" scrolling="auto" frameborder="0" height="400" width="100%" src="http://www.google.com">

试试此演示，了解这是否是您想要的功能：Updated Demo

旧答案：

您正在寻找的是什么类似demo？

<强>代码：

$(document).ready(function(){

   $('#ss-categories li').click(function()
                                {
                                   var test = $(this).text();
                                   $("#title").text(test);
                                   //Insert logic here to change iFrame based on clicked item
                                });
});

它创建了一个函数，它将获取列表中某个链接的“名称”，并在“标题”区域显示该名称。如果我理解正确 - 我认为这将做你需要的。

if else语句 - 基于iFrame内容？

1 个答案: