如何在 IBM Worklight 中重定向到同一页面但不同的 div/视图？

Posted 2023-02-25

【中文标题】如何在 IBM Worklight 中重定向到同一页面但不同的 div/视图？

【英文标题】：How to redirect to same page but to a different div/view in IBM Worklight?

【发布时间】：2015-03-25 09:37:48

【问题描述】：

最初只通过用户名而不是密码进行测试。 成功登录后，它会发出登录成功警报，但无法重定向到同一 html 页面（YummyjQueryMobile145.html）上的特定 div 或视图（来自移动导航 IBM Worklight）。

经过测试的代码如：

//#login > login button id
//#home > redirected div/view id

$(function()
$("#login").click(function()
                $("#home").load("YummyjQueryMobile145.html", function()
                    alert("loaded!");
                );
            );
);

JS 文件

function Login()
    
        //alert("Login");
        var invocationLogin=
                adapter:"SQL_ADAPTER_Yummy",
                procedure:"procedureLogin",
                parameters:[]
               ;

    var optionsLogin=
            onSuccess:succLogin,
            onFailure:failLogin
            ;
    WL.Client.invokeProcedure(invocationLogin,optionsLogin);
    

    function succLogin(result)
    
        //alert("succLogin");
        var LUname=$("#LUname").val();
        var LPass=$("#LPass").val();
        var flag=0;
        var n;

        var i,
        resultSet = result.invocationResult.resultSet;
        //alert(result.invocationResult.resultSet);
        namesArray = [];

        for (i = 0; i < resultSet.length; i++)
        
        namesArray[i] = resultSet[i].NAME;
        

        //alert (JSON.stringify(namesArray));

        for (i = 0; i < resultSet.length; i++)
        
            n = LUname.localeCompare(namesArray[i]);
            if(n==0)
            flag=1;
        

        if(flag==1)
            
            alert("Login Successful");
            //Here the Redirect code/same html page to a particular div or view
           //clicking login button if success then redirect to home div/view

            
        else
            alert("Try Again!!!");

    

    function failLogin(result)
    
         alert(result+"try again Login");
    

HTML

....
<div class="bg" id="LogIn" data-role="page" data-add-back-btn="true"
data-back-btn-text="Home" data-theme="b">
....
<a href="#" data-role="button" id="login" data-theme="a" onclick="Login()">Log In</a>
....
<div class="bg" data-role="page" id="home" data-theme="b">
....

【参考方案1】：

您可以像这样使用 window.location：

window.location='same_page_url#id_of_the_div';

【讨论】：

仍然无法正常工作 $(window).load("YummyjQueryMobile145.html#home");

@sphakrrokrSubhrojit 编辑了答案..现在检查..它对你有用吗？

if(flag==1) alert("登录成功"); $(window).load("#home");

非常感谢。顺便说一句，我在这个主题上搜索了很多答案/解决方案，那么为什么其他人得到解决方案而不是我的解决方案？即使我也尝试过这个> $("#home").load( "美味的jQueryMobile145.html");但仍然没有成功。在哪里可以学习这些主题？除了 w3schools 之外，还有什么完美的在线网站？

***.com/questions/12983869/…