jQuery样式函数在加载ajax内容?

我正在使用导航加载一些div内容,我已经使大部分内容正常工作。 但是我现在正在尝试设置:

http://www.bulgaria-web-developers.com/projects/javascript/selectbox/

在选择下拉列表中,使用以下方法调用样式:

$(function () {
$("#select").selectbox();
});

我无法看到我如何申请:

$(document).on('mousedown', '.nav-link', function() {

到它第一次出现时? 任何建议都非常感激,欢呼。

UPDATE

没关系,我做到了。

第二次更新

好吧,我刚发现了2个问题。 首先,我使用以下方式显示:

if (href == 'requestedpage.php') { 
    $(function () {
        $("#select").selectbox();
});
};

当页面第一次加载时,选择框的样式设置正确,但是如果你转到另一个页面然后返回,它不会第二次应用该样式?

我遇到的另一个问题是,当您单击选项时,下拉列表会进行选择,但选择列表中的所有选项仍保留在视图中。

HTML代码是:

<select id="selectlist" name="selectlist" onchange="updatevariable(this.value)" tabindex="1">
<option value="">-- Select Quantity --</option>
<option value="1">Option1</option>
<option value="2">Option2</option>
<option value="3">Option3</option>
</select>

通过删除onchange事件排序问题2!

提前感谢任何可以帮助我的人。

采纳答案:

如果在导航时没有应用样式,则可能就像在回调中设置标志一样简单。
一种方法是将标志值发送到隐藏的输入字段,该字段将在页面提交时发布到您的服务器。 这意味着当您向后导航时,您可以检查标志是否存在,如果是,则应用样式。
或者,如果要为支持HTML5的浏览器构建此应用程序,则可以在AJAX回调中保存到sessionStorage

那么,在你检查href的地方,添加:

if (href == 'userarea-page1.php') { 
    $(function() { 
        $("#select").selectbox();
        sessionStorage.selectFlag = "true";
    });
}; 

然后,在您的$("a.nav-link").click事件(在您的document.ready中)之上,您可以检查是否已设置。 如果有,请应用样式。

$(document).ready(function() {
    if (sessionStorage.selectFlag == "true") { 
        $("#select").selectbox();
    }

    $("a.nav-link").click(
        ...
    );
);

这将负责维护页面之间的样式状态。 如果您想删除样式,请确保清除标记,否则它将永久应用。

author: wild-nothing

参考更多解答: jQuery styling function in loaded ajax content? ,转载请保留出处jQuery样式函数在加载ajax内容?及作者信息

Statement: We respect knowledge and authors. Since the content comes from the Internet and is intended for scientific research, any reprinters should retain the author's signature and origin. If you are the author of the content and feel in dispute, please contact email: 1076545519@qq.com. We will find out the situation and deal with it in time. We sincerely thank the author for his hard work.


更多:javascript