0

AJAX と jQuery を使用してボタン クリックでHTML ファイルを読み込もうとして<div id="content"></div>いますが、クリックしても読み込めません。以下はコードです:

<body>    
<div id="header">    
<div id="radio">
  <input type="radio" id="navmenu1" name="radio"><label for="navmenu1">Home</label>
  <input type="radio" id="navmenu2" name="radio"><label for="navmenu2">Contact</label>
  <input type="radio" id="navmenu3" name="radio"><label for="navmenu3">Resume</label>
</div>
<div id="social">
    <a href="https://www.facebook.com/han.chang.10" target="new"><img src="img/facebook.png" class="facebook" alt="Facebook" /></a>
    <a href="http://www.linkedin.com/pub/han-chang/58/959/a74/"><img src="img/linkedin.png" class="linkedin" alt="linkedin" /></a>
    <a href="http://www.linkedin.com/pub/han-chang/58/959/a74/"><img src="img/twitter.png" class="twitter" alt="twitter" /></a>
    <a href="mailto:shuhanchang612@gmail.com"><img src="img/gmail.png" class="gmail" alt="gmail" /></a>
</div> 
</div><!--head-->

<div id="content-area">
    <div id="content"></div>    
</div>

<div id="footer-row">
   <footer>
      <div id="footer-row-1">
        <ul id="footer">
            <li>&copy 2013</li>
        </ul>
      </div>
   </footer>
</div> 
</body>

以下のようにhome.js:

$(function(){
    $("#radio").buttonset({
    $("#content").load("Page1.cshtml");
});
})
4

1 に答える 1

0

いくつかの問題があります。

まず、jQuery が無効です。$("#content).load("Page1.csthml");javascriptオブジェクトの真ん中でぶらぶらしているのはなぜですか?

Javascript オブジェクト、または少なくともオプションとして渡されるものは、通常、次の形式になります。

{
    property1 : "value1",
    property2 : "value2
}

「オブジェクト」にはプロパティまたは値のみがあり、両方はありません。私はあなたがこれを探していると思います:

$(function () {
    $("#radio").buttonset();

    $("#radio").click(function() {
        $("#content).load("Page1.csthml");
    });
})

ただし、まだ 1 つの問題があります。.cshtml ファイルを直接呼び出すことはできません。ビューとして .cshtml を使用するコントローラー アクションを呼び出す必要があります。

于 2013-07-05T17:34:06.537 に答える