Question

我正在开发一个django项目。我有两个html文件 - sid.html和page2.html。主页为sid.html。点击一个div，我想在我的窗口（不是div）中加载另一个页面page2.html。我尝试了ajax，jquery但它似乎无法正常工作。我可以知道如何继续进行，并在视图中进行更改，网址。请帮忙。

Answer 1

看不到你的所有代码我们不能但是最基本的方式就是这样。

网址

url(r'^page2/$', 'YourAppName.views.page2'),

视图

def page2(request): return render(request, 'page2.html')

在html中你可以做到这一点

<div class="myclass" href="/page2/">

或作为js脚本

<div onclick="location.href='/page2/'">content</div>

甚至是JQ

$("div").click(function(){ window.location=$(this).find("a").attr("href"); return false; });

在HTML中使用

<div><a href="yourlinkhere">Your link text</a></div>

希望这会有所帮助，他们必须通过调整来适应您的文件名称，但这只是一个起点

Answer 2

假设这是你的网址

from django.conf.urls import patterns, include, url
from django.contrib import admin
from django.conf import settings

urlpatterns = patterns('',
    # Examples:
    #other url
    url(r'^page2/$', 'YourAppName.views.page2'),
)

现在你说“onclick on div，我想加载另一个页面page2.html，完全在我的窗口（不在div中）。我尝试了ajax，jquery”。假设这是你的div，你可以点击<div class="myclass"></div>。

function newDoc() {
    window.location.assign("http://www.example.com") // {% url 'yourapps.views.page2' %} the django reverse style
    //always to remember to add 'http' protocol to any url you will use apart from  the django reverse style else you will get Server Error 
}

<div onclick="newDoc()" style="background-color:yellow; height: 20px; cursor:pointer;"></div>

如何在django项目中加载html项目onclick

2 个答案: