Js to realize the local refresh the page, a great god know!!-CodePudding

Question, I want to realize the function of the main body part is click on the navigation links page page refresh, but when using the following code, refresh the whole page, for the great god teach wrong!!!!!! Thank you!!!!!!
Part 1. Navigation links

2. The page body

 
 Content of the body area & lt;/div> - & gt; 
<iframeMain iframe id="" SRC=" https://bbs.csdn.net/repair/test.php "style=" width: 100%;" Height="100%";> 

</iframe>

Part 3. Js.

 
The $(document). Ready (function () {
$(" dd> A "). Click (function (e) {
//set a click event is not jump to another page 
E.p reventDefault (); 
$(" # iframeMain "). Attr (" SRC ", $(this). Attr (" href ")); 
}); 
});

4. The test page
Click the link before

Click on the link after

CodePudding user response:

You click events should return false,
Don't recommend to write, so you can put a label to div or span, then through CSS set cursor: pointer to simulate the label shape a behavior, or you can specify target for a href tag id for the iframe

CodePudding user response:

Returns false and & lt; A href="https://bbs.csdn.net/repair/test.php" target="iframeMain> Even after refresh the entire page